1. วิธีการ
wrap: ล้อมองค์ประกอบที่ตรงกันทั้งหมดด้วยโครงสร้างขององค์ประกอบอื่นๆ
wrapAll: ล้อมองค์ประกอบที่ตรงกันทั้งหมดด้วยองค์ประกอบเดียว
wrapInner: ล้อมคลาสย่อยขององค์ประกอบที่ตรงกันด้วยโครงสร้าง html
2. ตัวอย่าง
(1)ห่อ
คัดลอกรหัสรหัสดังต่อไปนี้:
<!DOCTYPE html>
<html>
<หัว>
<meta charset="UTF-8">
<title>ใส่ชื่อที่นี่</title>
<script type="text/javascript" src="../jquery-2.0.0/jquery-2.0.0.js"></script>
<script type="text/javascript">
$(ฟังก์ชั่น() {
$("div a").wrap("<div id='id'></div>");
-
</สคริปต์>
</หัว>
<ร่างกาย>
<div>
<a>หลิวซิงหยู</a> <a>หลิวซิงหยู</a> <a>หลิวซิงหยู</a> <a>หลิวซิงหยู</a>
</div>
</ร่างกาย>
</html>
firebug แสดงผลลัพธ์:
คัดลอกรหัสรหัสดังต่อไปนี้:
<!DOCTYPE html>
<html>
<หัว>
<meta charset="UTF-8">
<title>ใส่ชื่อที่นี่</title>
<script src="../jquery-2.0.0/jquery-2.0.0.js" type="text/javascript">
<script type="text/javascript">
</หัว>
<ร่างกาย>
<div>
<div id="id">
<a>หลิวซิงหยู่</a>
</div>
<div id="id">
<a>หลิวซิงหยู่</a>
</div>
<div id="id">
<a>หลิวซิงหยู่</a>
</div>
<div id="id">
<a>หลิวซิงหยู่</a>
</div>
</div>
</ร่างกาย>
</html>
(2)ห่อทั้งหมด
คัดลอกรหัสรหัสดังต่อไปนี้:
<!DOCTYPE html>
<html>
<หัว>
<meta charset="UTF-8">
<title>ใส่ชื่อที่นี่</title>
<script type="text/javascript" src="../jquery-2.0.0/jquery-2.0.0.js"></script>
<script type="text/javascript">
$(ฟังก์ชั่น() {
$("div a").wrapAll("<div id='id'></div>");
-
</สคริปต์>
</หัว>
<ร่างกาย>
<div>
<a>หลิวซิงหยู</a> <a>หลิวซิงหยู</a> <a>หลิวซิงหยู</a> <a>หลิวซิงหยู</a>
</div>
</ร่างกาย>
</html>
firebug แสดงผลลัพธ์:
คัดลอกรหัสรหัสดังต่อไปนี้:
<!DOCTYPE html>
<html>
<หัว>
<meta charset="UTF-8">
<title>ใส่ชื่อที่นี่</title>
<script src="../jquery-2.0.0/jquery-2.0.0.js" type="text/javascript">
<script type="text/javascript">
$(ฟังก์ชั่น() {
$("div a").wrapAll("<div id='id'></div>");
-
</สคริปต์>
</หัว>
<ร่างกาย>
<div>
<div id="id">
<a>หลิวซิงหยู</a> <a>หลิวซิงหยู</a> <a>หลิวซิงหยู</a> <a>หลิวซิงหยู</a>
</div>
</div>
</ร่างกาย>
</html>
(3)ห่อด้านใน
คัดลอกรหัสรหัสดังต่อไปนี้:
<!DOCTYPE html>
<html>
<หัว>
<meta charset="UTF-8">
<title>ใส่ชื่อที่นี่</title>
<script src="../jquery-2.0.0/jquery-2.0.0.js" type="text/javascript">
<script type="text/javascript">
$(ฟังก์ชั่น() {
$("div").wrapInner("<div id='id'></div>");
-
</สคริปต์>
</หัว>
<ร่างกาย>
<div>
<a>หลิวซิงหยู</a> <a>หลิวซิงหยู</a> <a>หลิวซิงหยู</a> <a>หลิวซิงหยู</a>
</div>
</ร่างกาย>
</html>
firebug แสดงผลลัพธ์:
คัดลอกรหัสรหัสดังต่อไปนี้:
<!DOCTYPE html>
<html>
<หัว>
<meta charset="UTF-8">
<title>ใส่ชื่อที่นี่</title>
<script src="../jquery-2.0.0/jquery-2.0.0.js" type="text/javascript">
<script type="text/javascript">
$(ฟังก์ชั่น() {
$("div").wrapInner("<div id='id'></div>");
-
</สคริปต์>
</หัว>
<ร่างกาย>
<div>
<div id="id">
<a>หลิวซิงหยู</a> <a>หลิวซิงหยู</a> <a>หลิวซิงหยู</a> <a>หลิวซิงหยู</a>
</div>
</div>
</ร่างกาย>
</html>