Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk menukar objek dom menjadi objek jquery

Bagaimana untuk menukar objek dom menjadi objek jquery

青灯夜游
青灯夜游asal
2022-03-11 15:32:414655semak 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.

Bagaimana untuk menukar objek dom menjadi objek jquery

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:

Bagaimana untuk menukar objek dom menjadi objek jquery

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!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn