Web Cơ Bản

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

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

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

- Gợi ý: Để thêm "một hoặc nhiều phần tử HTML" vào vị trí cuối cùng bên trong phần nội dung của phần tử được chọn thì sử dụng phương thức appendTo().

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

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

$(content).prependTo(selector);

- Trong đó, tham số content là một hoặc nhiều phần tử HTML mà bạn muốn thêm vào vị trí đầu tiên bên trong phần nội dung của phần tử được chọn.

- Lưu ý: Tham số content phải được bắt đầu bằng một thẻ và kết thúc bởi một thẻ.

3) Một số ví dụ

Ví dụ:

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

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

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

prependTo() prepend()
Điểm giống - Cả hai phương thức đều được 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ử.
Điểm khác - Nội dung thêm vào bắt buộc phải là phần tử HTML (tức là phải bắt đầu bằng thẻ và kết thúc bởi thẻ) - Nội dung thêm vào không bắt buộc phải là phần tử HTML
- Bộ chọn đặt ở phía sau - Bộ chọn đặt ở phía trước