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

Konvertierungsmethode: Wenn es sich bereits um ein DOM-Objekt handelt, müssen Sie das DOM-Objekt nur mit „$()“ umschließen, um ein jQuery-Objekt zu erhalten. Das spezifische Syntaxformat ist „$(DOM-Objekt)“.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JQuery-Version 1.10.0, Dell G3-Computer.

DOM-Objekt in jQuery-Objekt konvertieren:

Für ein DOM-Objekt, das bereits ein DOM-Objekt ist, müssen Sie das DOM-Objekt nur mit $() umschließen, um ein jQuery-Objekt zu erhalten.

Zum Beispiel:

var v=document.getElementById("v"); //DOM对象
var $v=$(v); //jQuery对象

Nachdem wir das gewöhnliche DOM-Objekt über die Methode $(DOM) in ein jQuery-Objekt verarbeitet haben, können wir die jQuery-Methode aufrufen.

HTML-Code

<div>元素一</div><div>元素二</div><div>元素三</div>

JavaScript-Code

var div=document.getElementsByTagName('div');//DOM对象
var $div=$(div);//jQuery对象
var $first=$div.frist();//找到第一个div元素
$first.css('color','red');//给第一个元素设置颜色

Rufen Sie die Elemente des div-Knotens über getElementsByTagName ab. Das Ergebnis ist ein DOM-Sammlungsobjekt, aber dieses Objekt ist eine Array-Sammlung (3 div-Elemente). Konvertieren Sie es über die Methode $(div) in ein jQuery-Objekt, suchen Sie das erste Element und ändern Sie seine Farbe, indem Sie die Methoden first und css im jQuery-Objekt aufrufen.

Empfohlene verwandte Video-Tutorials: jQuery-Tutorial(Video)

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