Document.getElementById vs jQuery $(): Yang Mengembalikan Jenis Objek Berbeza?

document.getElementById vs jQuery $(): Memahami Perbezaan

Coretan kod yang disediakan menimbulkan persoalan sama ada kedua-dua kaedah ini, dokumen .getElementById() dan jQuery $(), adalah setara untuk mendapatkan semula elemen.

document.getElementById('contents') lwn $('#contents')

Apabila menggunakan JavaScript biasa, document.getElementById() mengembalikan rujukan kepada objek HTML DOM yang sepadan dengan ID yang ditentukan. Dalam kes ini, ia akan mengembalikan elemen dengan ID "kandungan."

Sebaliknya, fungsi $() jQuery, dengan mengandaikan jQuery dimuatkan, mengembalikan objek jQuery. Objek ini membungkus elemen padanan dalam dokumen, menyediakan pelbagai ciri dan kaedah tambahan.

Oleh itu, semasa kedua-dua kaedah mendapatkan semula elemen, ia mengembalikan jenis objek yang berbeza.

Mengakses Objek HTML DOM daripada Objek jQuery

Untuk mendapatkan objek HTML mentah DOM daripada objek jQuery, anda perlu mengakses elemen pertama dalam objek. Dalam JavaScript, objek berkelakuan serupa dengan tatasusunan bersekutu.

var contents = $('#contents')[0];

Kod ini akan mendapatkan semula objek DOM HTML yang dikaitkan dengan elemen pertama dalam objek jQuery.

Key Takeaway

Walaupun document.getElementById() dan jQuery $() mempunyai tujuan yang sama, adalah penting untuk mengenali perbezaan dalam jenis pulangan mereka. Jika anda perlu berinteraksi dengan objek HTML mentah DOM, anda boleh mengaksesnya daripada objek jQuery dengan mengindeksnya pada 0.

Atas ialah kandungan terperinci Document.getElementById vs jQuery $(): Yang Mengembalikan Jenis Objek Berbeza?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!