1. Metode
wrap: membungkus semua elemen yang cocok dengan struktur elemen lainnya
wrapAll: membungkus semua elemen yang cocok dengan satu elemen
wrapInner: membungkus subkelas elemen yang cocok dengan struktur html
2. Contoh
(1) bungkus
Copy kode kodenya sebagai berikut:
<!DOCTYPEhtml>
<html>
<kepala>
<meta charset="UTF-8">
<title>Masukkan judul di sini</title>
<skrip type="text/javascript" src="../jquery-2.0.0/jquery-2.0.0.js"></script>
<skrip tipe="teks/javascript">
$(fungsi() {
$("div a").wrap("<div id='id'></div>");
});
</skrip>
</kepala>
<tubuh>
<div>
<a>liuxingyu</a> <a>liuxingyu</a> <a>liuxingyu</a> <a>liuxingyu</a>
</div>
</tubuh>
</html>
firebug menampilkan hasilnya:
Copy kode kodenya sebagai berikut:
<!DOCTYPEhtml>
<html>
<kepala>
<meta charset="UTF-8">
<title>Masukkan judul di sini</title>
<skrip src="../jquery-2.0.0/jquery-2.0.0.js" type="teks/javascript">
<skrip tipe="teks/javascript">
</kepala>
<tubuh>
<div>
<div id="id">
<a>liuxingyu</a>
</div>
<div id="id">
<a>liuxingyu</a>
</div>
<div id="id">
<a>liuxingyu</a>
</div>
<div id="id">
<a>liuxingyu</a>
</div>
</div>
</tubuh>
</html>
(2)bungkusSemua
Copy kode kodenya sebagai berikut:
<!DOCTYPEhtml>
<html>
<kepala>
<meta charset="UTF-8">
<title>Masukkan judul di sini</title>
<skrip type="text/javascript" src="../jquery-2.0.0/jquery-2.0.0.js"></script>
<skrip tipe="teks/javascript">
$(fungsi() {
$("div a").wrapAll("<div id='id'></div>");
});
</skrip>
</kepala>
<tubuh>
<div>
<a>liuxingyu</a> <a>liuxingyu</a> <a>liuxingyu</a> <a>liuxingyu</a>
</div>
</tubuh>
</html>
pembakar menampilkan hasilnya:
Copy kode kodenya sebagai berikut:
<!DOCTYPEhtml>
<html>
<kepala>
<meta charset="UTF-8">
<title>Masukkan judul di sini</title>
<skrip src="../jquery-2.0.0/jquery-2.0.0.js" type="teks/javascript">
<skrip tipe="teks/javascript">
$(fungsi() {
$("div a").wrapAll("<div id='id'></div>");
});
</skrip>
</kepala>
<tubuh>
<div>
<div id="id">
<a>liuxingyu</a> <a>liuxingyu</a> <a>liuxingyu</a> <a>liuxingyu</a>
</div>
</div>
</tubuh>
</html>
(3) bungkus bagian dalam
Copy kode kodenya sebagai berikut:
<!DOCTYPEhtml>
<html>
<kepala>
<meta charset="UTF-8">
<title>Masukkan judul di sini</title>
<skrip src="../jquery-2.0.0/jquery-2.0.0.js" type="teks/javascript">
<skrip tipe="teks/javascript">
$(fungsi() {
$("div").wrapInner("<div id='id'></div>");
});
</skrip>
</kepala>
<tubuh>
<div>
<a>liuxingyu</a> <a>liuxingyu</a> <a>liuxingyu</a> <a>liuxingyu</a>
</div>
</tubuh>
</html>
pembakar menampilkan hasilnya:
Copy kode kodenya sebagai berikut:
<!DOCTYPEhtml>
<html>
<kepala>
<meta charset="UTF-8">
<title>Masukkan judul di sini</title>
<skrip src="../jquery-2.0.0/jquery-2.0.0.js" type="teks/javascript">
<skrip tipe="teks/javascript">
$(fungsi() {
$("div").wrapInner("<div id='id'></div>");
});
</skrip>
</kepala>
<tubuh>
<div>
<div id="id">
<a>liuxingyu</a> <a>liuxingyu</a> <a>liuxingyu</a> <a>liuxingyu</a>
</div>
</div>
</tubuh>
</html>