Detaillierte Erläuterung der Konvertierung von jQuery-Objekten und DOM-Objekten ineinander und voneinander

Lassen Sie uns über die Beziehung zwischen ihnen sprechen, bevor wir über die Konvertierung zwischen ihnen sprechen:

Js ist eine dynamische, schwach typisierte Sprache, die JavaScript ist. Die Abkürzung von jQuery ist eine Kapselung und Erweiterung von js. jQuery ist ein von js gekapseltes Framework, das

jquery komfortabler und prägnanter macht. Beispielsweise ist js wie rohe Nudeln, während jquery Instantnudeln sind, die nach dem Einweichen gegessen werden können, was praktischer ist.

Das heißt: jquery verwendet am wenigsten Code, um mehr Funktionen auszuführen. Das Obige ist mein Verständnis des Unterschieds zwischen js und jquery.

Zum Beispiel: $("#img").attr("src","test.jpg"); wobei $("#img") das jQuery-Objekt ist; 🎜 >

Document.getElementById("img").src = "test.jpg"; document.getElementById("img") hier ist das DOM-Objekt.

1. DOM-Objekt in jQuery-Objekt konvertieren

Für ein DOM-Objekt, das bereits ein DOM-Objekt ist, verwenden Sie einfach $() zum Umschließen Mit dem DOM-Objekt können Sie ein jQuery-Objekt erhalten, $(DOM-Objekt) Hinweis: var ist eine Methode zum Definieren von Variablen

wie zum Beispiel:

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

Nach der Konvertierung können Sie jQuery verwenden Methode nach Belieben.

2. Konvertieren eines jQuery-Objekts in ein DOM-Objekt

Zwei Konvertierungsmethoden beziehen sich auf die Konvertierung eines jQuery-Objekts in ein DOM-Objekt: [index] und .get(index);

(1) Das jQuery-Objekt ist ein Datenobjekt, und das entsprechende DOM-Objekt kann über die Methode [index] abgerufen werden.

Zum Beispiel:

var $v = $("#v"); //jQuery 对象
var v = $v[0]; //DOM 对象
alert(v.checked); //检测这个checkbox是否被选中

(2) jQuery selbst stellt das entsprechende DOM-Objekt über die .get(index)-Methode bereit

Zum Beispiel:

var $v = $("#v"); //jQuery 对象
var v = $v.get(0); //DOM对象 ( $v.get()[0] 也可以 )
alert(v.checked); //检测这个 checkbox 是否被选中

Durch die oben genannten Methoden können jQuery-Objekte und DOM-Objekte nach Belieben ineinander konvertiert werden. Es muss noch einmal betont werden: DOM-Objekte können Methoden im DOM verwenden, und jQuery-Objekte können keine Methoden im DOM verwenden.

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Konvertierung von jQuery-Objekten und DOM-Objekten ineinander und voneinander. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!