wrap(html) trong jQuery
Miêu tả
Phương thức wrap(html) trong jQuery sẽ wrap mỗi phần tử đã so khớp với nội dung HTML đã xác định.
Tiến trình wrap này là hữu ích nhất với việc inject cấu trúc bổ sung vào trong một tài liệu, mà không phá vỡ tài liệu ban đầu.
Cú pháp
Sau đây là cú pháp cho wrap(html) trong jQuery:
selector.wrap( html )
Tham số
Dưới đây miêu tả chi tiết về các tham số được sử dụng trong phương thức wrap(html) trong jQuery:
elem − Một chuỗi của HTML mà sẽ được tạo và được wrap xung quanh mỗi mục tiêu.
Ví dụ
Sau đây là ví dụ đơn giản minh họa cách sử dụng của phương thức wrap(html) trong jQuery. Nó sẽ wrap hình vuông đích đến bởi một hình vuông khi bất kỳ hình vuông nào bị click.
<html>
<head>
<title>The jQuery Example</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function() {
$("div").click(function () {
var content = '<div class="div"></div>';
$("#destination").wrap( content );
});
});
</script>
<style>
.div{ margin:10px;padding:12px; border:2px solid #666; width:60px;}
</style>
</head>
<body>
<p>Click on any square below to see the result:</p>
<div class="div" id="destination">THIS IS TEST</div>
<div class="div" style="background-color:blue;">ONE</div>
<div class="div" style="background-color:green;">TWO</div>
<div class="div" style="background-color:red;">THREE</div>
</body>
</html>
Nó sẽ cho kết quả:
Công cụ giáo viên (2048.VN)
Tạo- trộn đề thi miễn phí từ file PDF, Word, Giao bài nhanh chóng, Hoàn toàn Free
Các bài học jQuery khác tại VietJack:
Dành cho bạn
Công cụ giáo viên
- Tạo đề online từ PDF / Word
- Trộn nhiều mã đề, in Offline
- Giao bài online, Quản lí lớp học
