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

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

- Phương thức insertBefore() dùng để thêm "một hoặc nhiều phần tử HTML" vào vị trí nằm ở phía trước phần tử được chọn.

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

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

$(content).insertBefore(selector);

- Lưu ý:

• Tham số "content" là phần tử mà bạn muốn thêm vào phía trước các phần tử được chọn.
• Tham số "content" phải là phần tử (tức là bắt đầu bằng thẻ và kết thúc bởi thẻ)

3) Một số ví dụ

- Thêm <p><i>(tài liệu cơ bản)</i></p> vào phía trước phần tử có lớp info

<script>
    $(document).ready(function(){
        $("button").click(function(){
           $("<p><i>(tài liệu cơ bản)</i></p>").insertBefore("info");
        });
    });
</script>

4) Điểm giống và khác giữa insertBefore() và before()

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