Web Cơ Bản

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

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

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

Ví dụ:

- Thêm nội dung - Tài liệu học vào vị trí đầu tiên bên trong phần nội dung của tất cả các phần tử <p> khi người dùng click vào một nút.


<script>
    $(document).ready(function(){
        $("button").click(function(){
            $("p").prepend("- Tài liệu học ");
        });
    });
</script>
Xem ví dụ

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

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

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

$(selector).prepend(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 prepend():

Tham số Yêu cầu Mô tả ý nghĩa & cách sử dụng
content Bắt buộc

- Nội dung mà bạn muốn thêm vào.

- Nội dung đó có thể là:

  • Phần tử HTML
  • Phần tử DOM
  • Đối tượng jQuery
  • ....

3) Một số ví dụ

Ví dụ:

<script>
    $(document).ready(function(){
        $("button").click(function(){
            $("ul").prepend("<li>Tài liệu học HTML</li>");
        });
    });
</script>
Xem ví dụ