Penjelasan terperinci tentang objek jQuery dan kaedah penukaran objek DOM_jquery

Artikel ini menganalisis kaedah penukaran antara objek jQuery dan objek DOM dengan contoh. Kongsikan dengan semua orang untuk rujukan anda, butirannya adalah seperti berikut:

objek jQuery ditukar kepada objek dom

Hanya objek jQuery boleh memanggil pelbagai fungsi perpustakaan kelas jQuery Begitu juga, beberapa sifat dan kaedah objek dom tidak boleh dipanggil pada jQuery, tetapi pada asasnya fungsi yang disediakan oleh perpustakaan kelas jQuery termasuk semua operasi dom. Kadangkala, terutamanya apabila anda baru menggunakan jQuery dan tidak dapat mengingati semua fungsi jQuery, anda akan menggunakan pemilih jQuery dan fungsi dom asal untuk pembangunan untuk jangka masa yang lama. Oleh itu, penukaran kedua-dua objek adalah perlu.

Indeks objek jQuery menyimpan objek dom, jadi objek jQuery boleh ditukar menjadi objek dom melalui indeks (sebenarnya, objek dom yang disimpan dalam objek jQuery diperolehi).

$("#myphoto")[0];

Selepas mengembalikan objek dom melalui indeks, anda boleh menggunakan pelbagai kaedah dan atribut objek dom, seperti mendapatkan atribut src objek dom:

alert($("#myphoto")[0].src);

Jika anda ingin melelar melalui setiap elemen dalam objek jQuery, anda biasanya menggunakan fungsi each().

echo(callback);

Panggil balik() ialah fungsi panggil balik, dan ini dalam fungsi ini juga menunjuk kepada elemen dom.

$("#myphoto").each(function(i){
     this,src="test"+i+".jpg";
});

Petua kecil untuk orang yang malas, jika anda tidak mahu mengingati sama ada ini dalam fungsi jQuery yang berbeza ialah objek jQuery atau objek ini, anda boleh menggunakan kaedah "ini" untuk menukar kedua-duanya menjadi objek jQuery, kerana walaupun objek sudah menjadi objek jQuery Anda juga tidak boleh salah.

Objek Dom ditukar kepada objek jQuery

Jika anda telah memperoleh objek dom, anda boleh menggunakan fungsi "jQuery(elemen)" untuk menukarnya menjadi objek jQuery:

var img=document.getElementById("myphoto");
jQuery(img).css("border","solid 2px #FF0000");

Dalam kod di atas, img ialah objek dom yang diperoleh menggunakan dom. Selepas menukarnya menjadi objek jQuery, anda boleh menggunakan kaedah css() objek jQuery untuk menukar gayanya.

Anda boleh menggunakan "$" dan bukannya "jQuery" kerana jQuery mempunyai pelaksanaan berikut di dalam:

jQuery=window.jQuery=window.$

Aksara "$" boleh digunakan sebagai nama pembolehubah dalam JavaScript dan boleh muncul sebagai awalan. Tetapi sesetengah perpustakaan atau program lain mungkin sudah menggunakan "$" sebagai nama pembolehubah.

jQuery(img).css("border","solid 2px #FF0000");
$(img). css("border","solid 2px #FF0000");

Dua pernyataan di atas adalah setara.

Parameter elemen fungsi "jQuery(elemen)" juga boleh menjadi objek jQuery Walaupun tidak masuk akal untuk menukar objek jQuery kali ini, ini adalah supaya apabila ia tidak pasti sama ada jenis sesuatu. objek ialah objek jQuery atau objek dom, ia boleh ditukar semula Panggil fungsi ini untuk penukaran, yang memastikan objek ini mestilah objek jQuery.

Pembaca yang berminat dengan lebih banyak kandungan berkaitan jquery boleh menyemak topik khas tapak ini: "Ringkasan kaedah jQuery mengendalikan nod DOM", "Ringkasan kemahiran operasi jquery biasa ", "Ringkasan penggunaan acara biasa dan kemahiran JQuery", "ringkasan kemahiran data json operasi jQuery", "ringkasan kemahiran xml operasi jQuery" dan "kemahiran sambungan jQuery Ringkasan》

Saya harap artikel ini akan membantu semua orang dalam pengaturcaraan jquery.