Artikel ini adalah artikel cermin dari terjemahan mesin, silakan klik di sini untuk melompat ke artikel aslinya.

Melihat: 8933|Jawab: 0

[JavaScript] Konversi antara objek jQuery dan DOM

[Salin tautan]
Diposting pada 04/01/2016 16.44.58 | | |

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.




Mantan:C# mengimplementasikan fungsi mengirim email
Depan:Klik tombol untuk memunculkan kode js hitung mundur 60 detik
Sanggahan:
Semua perangkat lunak, materi pemrograman, atau artikel yang diterbitkan oleh Code Farmer Network hanya untuk tujuan pembelajaran dan penelitian; Konten di atas tidak boleh digunakan untuk tujuan komersial atau ilegal, jika tidak, pengguna akan menanggung semua konsekuensi. Informasi di situs ini berasal dari Internet, dan sengketa hak cipta tidak ada hubungannya dengan situs ini. Anda harus sepenuhnya menghapus konten di atas dari komputer Anda dalam waktu 24 jam setelah pengunduhan. Jika Anda menyukai program ini, harap dukung perangkat lunak asli, pembelian pendaftaran, dan dapatkan layanan asli yang lebih baik. Jika ada pelanggaran, silakan hubungi kami melalui email.

Mail To:help@itsvse.com