Pengenalan kepada kaedah menukar antara objek jQuery dan objek DOM_jquery

Sebelum membincangkan pertukaran objek jQuery dan objek DOM, mula-mula bersetuju dengan gaya menentukan 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;

1. Tukar objek jQuery kepada 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 di bawah. 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].

Kod jQuery adalah seperti berikut:

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 ditanda

(2) Kaedah lain disediakan oleh jQuery sendiri, dan objek DOM yang sepadan diperolehi melalui kaedah get(index).

Kod jQuery adalah seperti berikut:

Salin kod Kod adalah seperti berikut:

[js]var $cr = $("#cr");
var cr = $cr.get(0);
makluman(cr.disemak)

2. Tukar objek DOM kepada objek jQuery

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

Kod jQuery adalah seperti berikut:

Salin kod Kod adalah seperti berikut:

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

Selepas penukaran, anda boleh menggunakan sebarang kaedah dalam jQuery.

Melalui kaedah di atas, objek jQuery dan objek DOM boleh ditukar kepada satu sama lain secara sewenang-wenangnya.

Akhir sekali, ditekankan bahawa hanya objek DOM boleh menggunakan kaedah dalam objek jQuery tidak boleh menggunakan kaedah dalam DOM, tetapi objek jQuery menyediakan set alat yang lebih lengkap untuk mengendalikan DOM

.