So konvertieren Sie ein JQuery-Objekt in ein Dom-Objekt

Methode: 1. Verwenden Sie die Methode „obj[index]“. Die Syntax lautet „jquery object [der Index des DOM-Objekts im jQuery-Objekt]“. 2. Verwenden Sie die Methode „obj.get(index)“. Die Syntax lautet „jquery object .get(Index des DOM-Objekts im jQuery-Objekt).innerHTML“.

Die Betriebsumgebung dieses Tutorials: Windows 10-System, JQuery-Version 3.6.0, Dell G3-Computer.

So konvertieren Sie ein JQuery-Objekt in ein DOM-Objekt

Das JQuery-Objekt ist ein Array-ähnliches Objekt, das intern DOM-Objekte als Array-Elemente verwendet. Es gibt zwei Möglichkeiten, jQuery-Objekte in DOM-Objekte zu konvertieren, nämlich „obj[index]“ und „obj.get(index)“. Dabei stellt Index den Index des DOM-Objekts im jQuery-Objekt dar. Diese beiden Konvertierungsmethoden werden im Folgenden erläutert.

(1)obj[index]

Konvertieren Sie ein jQuery-Objekt in ein DOM-Objekt mit der obj[index]-Methode. Der Beispielcode lautet wie folgt.

<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>

Wie aus dem obigen Code ersichtlich ist, kann ein jQuery-Objekt mehrere DOM-Elemente enthalten und ein bestimmtes DOM-Objekt kann durch Indizierung abgerufen werden.

(2) obj.get(index)

Konvertieren Sie ein jQuery-Objekt in ein DOM-Objekt mit der obj.get(index)-Methode. Der Beispielcode lautet wie folgt.

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

Video-Tutorial-Empfehlung: jQuery-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo konvertieren Sie ein JQuery-Objekt in ein Dom-Objekt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!