Love beautiful code? We do too.

  1. Home
  2. Tutorial
  3. Hàm jQuery
  4. .clone() trong jQuery
Previous Lesson Next Lesson

.clone() trong jQuery

Định nghĩa và sử dụng .clone() trong jQuery

.clone(): Tạo một bản sao (copy) cho thành phần.

Cấu trúc .clone() trong jQuery

Đã được thêm vào từ phiên bản 1.0

.clone()
------------------------------------------------------------------------------------------------------
$('p').clone();

Đã được thêm vào từ phiên bản 1.5

.clone(Boolean)
------------------------------------------------------------------------------------------------------
$('p').clone(true);

.clone()

Html viết:

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Tiêu đề</title>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(function(){
    $('p').clone().appendTo('body');
});
</script>
</head>

<body>
<p>Thành phần p</p>
</body>
</html>

Hiển thị trình duyệt:

Ta thấy thành phần span đã tạo thêm một bản sao.

.clone(Boolean)

Html viết:

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Tiêu đề</title>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(function(){
    $('.copy').click(function() {
        $(this).closest('p').clone(true).appendTo('div');
    });
});
</script>
</head>

<body>
<div>
<p>
<input type="text" id="edit" value="">
<input type="button" class="copy" value="Copy">
</p>
</div>
</body>
</html>

Hiển thị trình duyệt:

Ta thấy thành phần p đã tạo thêm một bản sao sau khi click button.

Previous Lesson Next Lesson

Viết câu trả lời

Drop Images

0 Bình luận

Danh mục bài học

Hoclaptrinh.vn © 2017

From Coder With