Wie konvertiere ich JQuery-Objekte und DOM-Objekte ineinander?

Dieser Artikel stellt Ihnen die Konvertierung von JQuery-Objekten und DOM-Objekten vor. Ich hoffe, dass er Ihnen weiterhilft.

In unserem vorherigen ArtikelWas sind die Unterschiede zwischen JQuery-Objekten und DOM-Objekten? stellt außerdem kurz JQuery-Objekte und DOM-Objekte vor. Sie wissen, dass JQuery-Objekte und Dom-Objekte unterschiedlich sind! Beispielsweise können JQuery-Objekte keine Dom-Methoden verwenden, und Dom-Objekte können keine JQuery-Methoden verwenden. Was kann ich also tun, wenn JQuery die gewünschten Methoden nicht kapselt? Zu diesem Zeitpunkt können wir das jquer-Objekt in ein dom-Objekt konvertieren.

Als nächstes schauen wir uns direkt an, wie jquery-Objekte in DOM-Objekte konvertiert werden.

Jquery-Objekt in DOM-Objekt konvertieren Es gibt zwei Möglichkeiten, dies zu erreichen: [index] und get(index), Schauen wir uns diese an zwei separat Implementierung dieser Methode

Die erste Möglichkeit, ein JQuery-Objekt in ein DOM-Objekt umzuwandeln: über die [Index]-Methode

JQuery-Objekt ist ein Datenobjekt, Sie können die Methode [index] index] übergeben, um das entsprechende DOM-Objekt abzurufen.

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

Die zweite Möglichkeit, ein JQuery-Objekt in ein DOM-Objekt umzuwandeln: über die get(index)-Methode

jQuery selbst stellt es über die .get(index)-Methode bereit Methode, Holen Sie sich das entsprechende DOM-Objekt.

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

Nachdem wir uns die Konvertierung von JQuery-Objekten in DOM-Objekte angesehen haben, werfen wir einen Blick auf Wie konvertiert man DOM-Objekte in JQuery-Objekte?

Um ein DOM-Objekt in ein JQuery-Objekt zu konvertieren, müssen Sie das DOM-Objekt nur mit $() umschließen, um ein JQuery-Objekt zu erhalten. Nach der Konvertierung können Sie jede beliebige Methode in JQuery verwenden.

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

Das Obige ist der gesamte Inhalt dieses Artikels. Weitere spannende Inhalte zu JQuery-Objekten und Dom-Objekten finden Sie im JQuery-Handbuch und im Javascript-HandbuchKommen Sie und erfahren Sie mehr! ! !

Das obige ist der detaillierte Inhalt vonWie konvertiere ich JQuery-Objekte und DOM-Objekte ineinander?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!