Analisis perbezaan antara objek Jquery dan objek Dom_jquery

Sebelum membincangkan, mari kita bersetuju tentang gaya mentakrifkan pembolehubah.

Jika objek yang diperolehi ialah objek jQuery, tambahkan $ sebelum pembolehubah, contohnya:

Salin kod Kod adalah seperti berikut:

var $variable = objek jQuery

Jika objek DOM diperoleh, ia ditakrifkan seperti berikut:

Salin kod Kod adalah seperti berikut:

var pembolehubah = objek DOM;

Objek jQuery tidak boleh menggunakan kaedah dalam DOM, tetapi jika anda tidak biasa dengan kaedah yang disediakan oleh objek jQuery, atau jQuery tidak merangkum kaedah yang diingini, dan anda perlu menggunakan objek DOM, terdapat dua kaedah berikut. jQuery menyediakan dua kaedah untuk menukar objek jQuery kepada objek DOm, iaitu [index] dan get(index).

1. Objek jQuery ialah objek tatasusunan, dan objek DOM yang sepadan boleh diperolehi melalui kaedah [indeks].

Salin kod Kod adalah seperti berikut:

var $cr = $("#cr"); //jQuery object
var cr = $cr[0] //objek DOM
alert(cr.checked) //Semak sama ada kotak semak ini ditandakan

2. Dapatkan objek DOM yang sepadan melalui kaedah get(index).

Salin kod Kod adalah seperti berikut:

var $cr = $("#cr");
var cr = $cr.get(0);
alert(cr.checked);

Untuk objek DOM, anda hanya perlu membalut objek DOM dengan $() untuk mendapatkan objek jQuery Kaedahnya ialah $(objek DOM).

Salin kod Kod adalah seperti berikut:

var cr = document.getElementByID("cr"); //objek DOM
var $cr = $(cr);

Ringkasan:

1. Kaedah get dalam jQuery sebenarnya memperoleh elemen Dom ($(this).get(0) dan $(this)[0])

2. Persamaan, pertama, terakhir dan kaedah lain dalam kaedah jQuery adalah semua objek Jquery yang dikembalikan

3. Hanya objek DOM boleh menggunakan kaedah dalam DOM objek jQuery tidak boleh menggunakan kaedah dalam DOM. Objek jQuery menyediakan set alat yang lebih lengkap untuk memanipulasi DOM.