Pengenalan ringkas kepada Jquery dan DOM objects_jquery

Apabila mempelajari jquery buat kali pertama, anda selalunya tidak dapat membezakan antara objek DOM dan objek Jquery. Mari kita terangkan secara ringkas hubungan dan perbezaan antara objek tersebut

objek 1.DOM (Model Objek Dokumen)

Model Objek Dokumen, setiap DOM boleh diwakili sebagai pepohon Sebagai contoh, berikut ialah kod halaman web ringkas:

dinyatakan sebagai DOM:

Kita boleh mendapatkan nod dalam pepohon melalui getelementsByTayName atau getelementsByTayId dalam JS Elemen yang diperoleh seperti ini ialah objek DOM boleh menggunakan kaedah dalam JS, contohnya:

Salin kod Kod adalah seperti berikut:

var domobj=document.getelementsByTayName("Name"); objek DOM
var objhtml=domobj.innerHTML;                                                                                                                                        

2.Objek Jquery

Objek Jquery ialah objek yang dihasilkan dengan membungkus objek DOM dengan Jquery Ia unik untuk Jquery dan boleh memanggil kaedah dalam jquery, contohnya:

$("#foo").HTML();

Objek Jquery tidak boleh memanggil sebarang kaedah objek DOM, contohnya:

Salin kod Kod adalah seperti berikut:$("#foo" //Ralat akan berlaku

3. Penukaran bersama antara objek DOM dan objek Jquery

Sebelum kita menukarnya, kita mesti terlebih dahulu menentukan gaya mentakrifkan pembolehubah Contohnya, apabila mentakrifkan objek Jquery, tambah simbol $, contohnya:

 var $obj=Jquery对象

Apabila mentakrifkan objek DOM, tidak perlu menambah sebarang simbol Ini boleh membantu kita membezakan objek pembolehubah itu dan meningkatkan kebolehbacaan kod, contohnya:

var domobj=DOM对象

Apabila tiada kaedah yang kami mahukan dalam perpustakaan kelas Jquery atau kami tidak jelas tentang kaedah Jquery, kami boleh menukarnya menjadi objek DOM Terdapat 2 kaedah untuk menukar objek Jquery menjadi objek DOM---. -[indeks ]/dapatkan(indeks)，

(1) Objek jquery ialah objek tatasusunan, dan objek DOM diperoleh melalui [indeks].

(2) Kaedah lain disediakan oleh Jquery sendiri, iaitu mendapatkan objek DOM melalui get(index), contohnya:

var $obj=$("#sc");
var obj=$obj[0];
alter(obj.checked);

var $obj=$("#sc");
var obj=$obj.get(0);
alter(obj.checked);

4. Tukar objek DOM kepada objek Jquery

Objek DOM boleh ditukar menjadi objek Jquery melalui $(), contohnya:

Di atas adalah keseluruhan kandungan artikel ini, saya harap anda semua menyukainya.

var obj=document.getelementsByTayName("Name");
var $obj=$(obj);