Phương thức append() trong jQuery

1) Phương thức append() trong jQuery

- Phương thức append() dùng để thêm nội dung vào vị trí cuối cùng bên trong phần nội dung của phần tử được chọn.

<script>
    $(document).ready(function(){
        $("button").click(function(){
            $("p").append("<b>từ cơ bản đến nâng cao</b>");
        });
    });
</script>

- Gợi ý: Để thêm nội dung vào vị trí đầu tiên bên trong phần nội dung của tử được chọn thì ta dùng phương thức prepend()

2) Cách sử dụng phương thức append() trong jQuery

- Để sử dụng phương thức append(), ta dùng cú pháp như sau:

$(selector).append(content);

- Dưới đây là bảng mô tả ý nghĩa & cách sử dụng các tham số trong phương thức append():

3) Một số ví dụ

<script>
    $(document).ready(function(){
        $("button").click(function(){
            $("ul").append("<li>Tài liệu học JavaScript</li>");
        });
    });
</script>

4) Điểm giống & khác giữa appendTo() và append()

- Dưới đây là bảng mô tả điểm giống và khác giữa phương thức appendTo() và append():