So konvertieren Sie ein Dom-Objekt in ein JQuery-Objekt-Front-End-Fragen und Antworten-php.cn

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

青灯夜游

Freigeben： 2022-03-11 15:32:41

Original

4700 Leute haben es durchsucht

So konvertieren Sie ein DOM-Objekt in ein JQuery-Objekt: Verwenden Sie einfach „$()“, um das DOM-Objekt zu umschließen, und die Syntax lautet „$(DOM-Objekt)“. Nach der Konvertierung können Sie jede beliebige Methode in jQuery verwenden.

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

Die Betriebsumgebung dieses Tutorials: Windows7-System, jquery1.10.2-Version, Dell G3-Computer.

DOM-Objekt

DOM (Dokumentobjektmodell, Dokumentobjektmodell), jedes DOM kann als Baum dargestellt werden. Schauen wir uns zunächst ein einfaches Beispiel an: Der Code lautet wie folgt:

// ...省略其他代码
<h3>例子</h3>
<p title="选择你最喜欢的水果">你最喜欢的水果是？</p>
<ul>
    <li>苹果</li>
    <li>橘子</li>
    <li>菠萝</li>
</ul>
// ...省略其他代码

Nach dem Login kopieren

beschreibt die obige HTML-Struktur als DOM-Baum:

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

Die Knoten in diesem DOM-Baum sind alle DOM-Elementknoten. Sie können den Elementknoten über getElementByTagName oder getElementById in JS abrufen. Das so erhaltene DOM-Element ist ein DOM-Objekt.

jQuery-Objekt

jQuery-Objekt ist ein Objekt, das durch Umschließen eines DOM-Objekts durch jQuery generiert wird.

jQuery-Objekte sind einzigartig für jQuery. Wenn es sich bei einem Objekt um ein jQuery-Objekt handelt, können Sie die Methoden in jQuery verwenden. Keine Methode des DOM-Objekts kann im jQuery-Objekt verwendet werden, und dasselbe DOM-Objekt kann nicht die Methoden in jQuery verwenden.

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

Bei einem DOM-Objekt müssen Sie das DOM-Objekt nur mit $() umschließen, um ein jQuery-Objekt zu erhalten. Die Methode ist $(DOM-Objekt). Nach der Konvertierung können Sie jede Methode in jQuery verwenden.

Hinweis: Häufig verwendete jQuery-Objekte werden über die Funktion $() hergestellt. Die Funktion $() ist eine Fertigungsfabrik für jQuery-Objekte.

Der JQuery-Code lautet wie folgt:

<body>
  <p>my</p>
  <p>my</p>
<script src="jquery-1.10.2.min.js"></script>
<script>
  var cr = document.getElementsByTagName("p") //DOM对象
  var $cr = $(cr);   //jquery对象
  $cr.eq(0).("fuck"); //检测是否转换成功，可以用jquery方法 输出结果为第二个my改成了fuck
  $cr.eq(1).html("you"); //输出结果为my改成you
</script>
</body>

Nach dem Login kopieren

Nach der Konvertierung können Sie jede beliebige JQuery-Methode verwenden.

Mit den oben genannten Methoden können JQuery-Objekte und DOM-Objekt-Webseiteneffekte nach Belieben ineinander konvertiert werden.

Abschließend wird noch einmal betont, dass nur DOM-Objekte DOM-Methoden verwenden können, JQuery-Objekte jedoch keine Methoden in DOM verwenden können, JQuery-Objekte jedoch einen umfassenderen Satz von Tools für den Betrieb von DOM bereitstellen.

【Empfohlenes Lernen: jQuery-Video-Tutorial, Web-Frontend-Video】

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