Rumah >hujung hadapan web >Soal Jawab bahagian hadapan >Bagaimana untuk menukar objek dom menjadi objek jquery
Bagaimana untuk menukar objek dom menjadi objek jquery
- 青灯夜游asal
- 2022-03-11 15:32:414695semak imbas
Cara menukar objek dom kepada objek jquery: Hanya gunakan "$()" untuk membungkus objek DOM, sintaksnya ialah "$(objek DOM)"; selepas penukaran, anda boleh menggunakan kaedah jQuery sewenang-wenangnya.
Persekitaran pengendalian tutorial ini: sistem Windows 7, versi jquery 1.10.2, komputer Dell G3.
objek DOM
DOM (Model Objek Dokumen, Model Objek Dokumen), setiap DOM boleh diwakili sebagai pokok. Mari lihat contoh mudah dahulu: Kodnya adalah seperti berikut:
// ...省略其他代码
<h3>例子</h3>
<p title="选择你最喜欢的水果">你最喜欢的水果是？</p>
<ul>
<li>苹果</li>
<li>橘子</li>
<li>菠萝</li>
</ul>
// ...省略其他代码menerangkan struktur HTML di atas sebagai pokok DOM:
Dalam ini Pokok DOM Nod adalah semua nod elemen DOM. Anda boleh mendapatkan nod elemen melalui getElementByTagName atau getElementById dalam JS. Elemen DOM yang diperoleh seperti ini ialah objek DOM.
objek jQuery
objek jQuery ialah objek yang dihasilkan dengan membalut objek DOM dengan jQuery.
Objek jQuery adalah unik untuk jQuery. Jika objek ialah objek jQuery, maka anda boleh menggunakan kaedah dalam jQuery. Sebarang kaedah objek DOM tidak boleh digunakan dalam objek jQuery, dan objek DOM yang sama tidak boleh menggunakan kaedah dalam jQuery.
Cara menukar objek dom kepada objek jquery
Untuk objek DOM, anda hanya perlu membalut objek DOM dengan $() untuk mendapatkan objek jQuery . Kaedahnya ialah $(DOM object). Selepas penukaran, anda boleh menggunakan sebarang kaedah dalam jQuery.
Nota: Objek jQuery yang biasa digunakan dihasilkan melalui fungsi $() Fungsi $() ialah kilang pembuatan objek jQuery.
Kod jquery adalah seperti berikut:
<body>
<p>my</p>
<p>my</p>
<script src="jquery-1.10.2.min.js"></script>
<script>
var cr = document.getElementsByTagName("p") //DOM对象
var $cr = $(cr); //jquery对象
$cr.eq(0).("fuck"); //检测是否转换成功，可以用jquery方法 输出结果为第二个my改成了fuck
$cr.eq(1).html("you"); //输出结果为my改成you
</script>
</body>Selepas penukaran, anda boleh menggunakan mana-mana kaedah jquery.
Melalui kaedah di atas, objek jquery dan kesan halaman web objek DOM boleh ditukar antara satu sama lain sesuka hati.
Akhir sekali, ditekankan sekali lagi bahawa hanya objek DOM boleh menggunakan kaedah DOM tidak boleh menggunakan kaedah dalam DOM, tetapi objek jquery menyediakan set alat yang lebih lengkap untuk mengendalikan DOM.
[Pembelajaran yang disyorkan: tutorial video jQuery, video bahagian hadapan web]
Atas ialah kandungan terperinci Bagaimana untuk menukar objek dom menjadi objek jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!