Heim > Web-Frontend > js-Tutorial > Hauptteil

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

一个新手
Freigeben: 2017-09-06 14:46:36
Original
1650 Leute haben es durchsucht

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 dem Login kopieren
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是否被选中
Nach dem Login kopieren
(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 是否被选中
Nach dem Login kopieren
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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!