Apakah kaedah penukaran antara objek jquery dan objek dom

Kaedah: 1. Kaedah "obj[index]" dan "obj.get(index)" Kedua-dua kaedah ini boleh menukar objek jquery kepada objek dom ialah indeks objek DOM dalam objek jQuery ; 2. Kaedah "$(DOM object)", kaedah ini boleh menukar objek dom menjadi objek jquery.

Persekitaran pengendalian tutorial ini: sistem windows10, versi jquery3.2.1, komputer Dell G3.

Kaedah penukaran antara objek jquery dan objek dom

1. Tukar objek jQuery kepada objek DOM

objek jQuery kepunyaan. objek Array kelas, 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>

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>

2. Tukar objek DOM kepada objek jQuery

var name = $(DOM对象)

Gunakan objek DOM sebagai parameter fungsi $(), yang adalah Ia boleh ditukar menjadi objek jQuery Kod sampel adalah seperti berikut.

<button id="btn">say hello</button>
<script>
//获取DOM对象btn
var btn = document.getElementById(&#39;btn&#39;);
//将DOM对象转换成jQuery对象
var btnl = $(btn);
//验证转换结果
alert(btn === btnl[0]);    //输出结果: true
</script>

Seperti yang anda lihat daripada kod di atas, objek DOM dan objek jQuery boleh ditukar secara fleksibel antara satu sama lain semasa pembangunan.

Cadangan tutorial video: Tutorial video jQuery

Atas ialah kandungan terperinci Apakah kaedah penukaran antara objek jquery dan objek dom. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!