## Apakah Perbezaan Antara Objek jQuery dan Elemen DOM?

Objek jQuery dan Elemen DOM

Hubungan antara objek jQuery dan elemen DOM boleh mengelirukan. Mari kita pecahkan.

Objek lwn. DOM Elemen

Apabila jQuery mengembalikan elemen, ia muncul sebagai "[objek Objek]" dalam makluman. Sebaliknya, apabila getElementByID mengembalikan elemen, ia ditunjukkan sebagai "[objek HTMLDivElement]." Perbezaan paparan ini disebabkan oleh jenis objeknya yang berbeza: objek jQuery ialah objek seperti tatasusunan yang merangkum elemen DOM.

Kaedah

fungsi jQuery beroperasi pada objek jQuery, bukan elemen DOM. Untuk mengakses elemen DOM dalam fungsi jQuery, gunakan .get() atau indeks terus elemen:

$("selector")[0] // Accesses the first DOM element in the jQuery object
$("selector").get(0) // Equivalent to the code above
$("selector").get() // Retrieve an array of DOM elements matched by the selector

Berbilang Elemen DOM

Satu objek jQuery boleh mewakili berbilang elemen DOM dipilih menggunakan pemilih yang ditentukan.

Contoh

Pertimbangkan HTML ini:

<div id="foo"></div>

Barisan kod berikut menunjukkan hubungan antara Objek jQuery dan elemen DOM:

alert($("#foo")[0]); // Alerts the DOM element
alert($("#foo").get(0)); // Equivalent to the code above
alert(document.getElementById("foo")); // Alerts the DOM element

Ketiga-tiga baris akan mengembalikan elemen DOM yang sama, iaitu div dengan ID "foo."

Untuk butiran lanjut, rujuk jQuery dokumentasi untuk mendapatkan maklumat lanjut tentang objek jQuery dan .get().

Atas ialah kandungan terperinci ## Apakah Perbezaan Antara Objek jQuery dan Elemen DOM?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!