Web Cơ Bản

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

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

- Phương thức clone() dùng để sao chép (copy) phần tử được chọn.

- Lưu ý: Sao chép ở đây là sao chép toàn bộ phần tử, bao gồm các thuộc tính, nội dung văn bản, các phần tử con của phần tử đó, ....

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

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

$(selector).clone(eventHandlers);

- Trong đó, tham số "eventHandlers" dùng để xác định việc các sự kiện trên phần tử có được sao chép hay không, nó có thể nhận một trong hai giá trị:

  • true: có sao chép các sự kiện trên phần tử.
  • false: không sao chép các sự kiện trên phần tử.

- Lưu ý: Tham số "eventHandlers" là không bắt buộc vì mặc định nó có giá trị là false.

3) Một số ví dụ

<script>
    $(document).ready(function(){
        $("button").click(function(){
            $("body").append($("#p1").clone());
            $("body").append($("#p2").clone(true));
        });
    });
</script>
Xem ví dụ