Bagaimana untuk menukar objek jquery menjadi objek dom

WBOY
Lepaskan: 2022-06-17 19:38:51
asal
4059 orang telah melayarinya

Kaedah: 1. Gunakan kaedah "obj[index]", sintaksnya ialah "objquery object [indeks objek DOM dalam objek jQuery]" 2. Gunakan "obj.get(index )" kaedah, sintaks Ia ialah "jquery object.get(indeks objek DOM dalam objek jQuery).innerHTML".

Bagaimana untuk menukar objek jquery menjadi objek dom

Persekitaran pengendalian tutorial ini: sistem Windows 10, versi jquery 3.6.0, komputer Dell G3.

Cara menukar objek jquery kepada objek dom

objek jQuery ialah objek seperti tatasusunan, yang secara dalaman menggunakan objek DOM sebagai elemen tatasusunan. Terdapat dua cara untuk menukar objek jQuery kepada objek DOM, iaitu "obj[index]" dan "obj.get(index)". di mana indeks mewakili indeks objek DOM dalam objek jQuery. Kedua-dua kaedah penukaran ini dijelaskan di bawah.

(1)obj[index]

Tukar objek jQuery kepada objek DOM melalui kaedah obj[index] Kod sampel adalah seperti berikut.

<div>第1个div</div>
<div>第2个div</div>
<script>
//获取jQuery对象
var divs = $(&#39;div&#39;);
//通过索引的方式,将jQuery对象转换成DOM对象
var div1 = divs[0];
var div2 = divs[1];
//输出div元素的内容
alert(div1.innerHTML);    //输出结果:第1个div
alert(div2. innerHTML);    //输出结果:第2个div
</script>
Salin selepas log masuk

Seperti yang dapat dilihat daripada kod di atas, objek jQuery boleh mengandungi berbilang elemen DOM dan objek DOM tertentu boleh diambil melalui pengindeksan.

(2) obj.get(index)

Tukar objek jQuery kepada objek DOM melalui obj.get(index) Kod sampel adalah seperti berikut.

<div>第1个div元素</div>
<script>
var result = $(&#39;div&#39;).get(0).innerHTML;
alert(result);    //输出结果:第1个div元素
</script>
Salin selepas log masuk

Pengesyoran tutorial video: Tutorial video jQuery

Atas ialah kandungan terperinci Bagaimana untuk menukar objek jquery menjadi objek dom. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!