Apa itu objek jQuery?
--- adalah objek yang dihasilkan dengan membungkus objek DOM melalui jQuery. Objek jQuery unik untuk jQuery dan dapat menggunakan metode di jQuery.
Seperti apa:
$("#test").html() berarti mendapatkan kode html di dalam elemen dengan pengujian ID sebagai pengujian. html() adalah metode dalam jQuery
Kode ini setara dengan mengimplementasikan kode di DOM:
document.getElementById("id").innerHTML;
Meskipun objek jQuery dihasilkan dengan membungkus objek DOM, jQuery tidak dapat menggunakan metode objek DOM apa pun, objek DOM juga tidak dapat menggunakan metode di jQuery. Penggunaan acak akan menghasilkan kesalahan. Misalnya: $("#test").innerHTML, document.getElementById("id").html() semuanya salah.
Hal lain yang perlu diperhatikan adalah bahwa menggunakan #id sebagai pemilih adalah objek jQuery dan objek DOM yang diperoleh oleh document.getElementById("id"), yang tidak setara. Lihat berikut ini untuk konversi antara keduanya.
Karena jQuery berbeda tetapi juga terkait, objek jQuery dan objek DOM juga dapat dikonversi satu sama lain. Sebelum mengonversi keduanya, pertama-tama kita memberikan konvensi: jika salah satunya adalah objek jQuery, maka kita menambahkan $ di depan variabel, seperti: var $variab = objek jQuery; Jika Anda mendapatkan objek DOM, itu sama seperti biasanya: var variab = objek DOM; Perjanjian semacam itu hanya untuk kenyamanan penjelasan dan perbedaan, dan tidak ditetapkan dalam penggunaan aktual.
jQuery ke objek DOM:
Ada dua metode konversi untuk mengonversi objek jQuery menjadi objek DOM: [index] dan .get(index);
(1) Objek jQuery adalah objek data, yang dapat diperoleh dengan menggunakan metode [indeks].
Misalnya: var $v =$("#v"); jQuery objek
var v=$v[0]; Objek DOM
alert(v.checked) // Mendeteksi apakah kotak centang ini dicentang
(2) jQuery sendiri menyediakan objek DOM yang sesuai melalui metode .get(index)
Misalnya: var $v=$("#v"); jQuery objek
var v=$v.get(0); Objek DOM
alert(v.checked) // Mendeteksi apakah kotak centang ini dicentang
Objek DOM ke objek jQuery:
Untuk objek DOM, Anda hanya perlu membungkus objek DOM dengan $() untuk mendapatkan objek jQuery. $(objek DOM)
Misalnya: var v=document.getElementById("v"); Objek DOM
var $v=$(v); jQuery objek
Setelah konversi, Anda dapat menggunakan metode jQuery sesuka Anda.
Dengan menggunakan metode di atas, Anda dapat secara sewenang-wenang mengonversi objek jQuery dan objek DOM satu sama lain. Perlu ditekankan bahwa objek DOM hanya dapat menggunakan metode di DOM, dan objek jQuery tidak dapat menggunakan metode di DOM. |