Konvertieren Sie JQuery-Objekte und Javascript-Objekte (DOM-Objekte) ineinander_JQuery

jQuery-Objekte sind Objekte, die durch Umschließen von DOM-Objekten mit jQuery generiert werden. Das jQuery-Objekt ist einzigartig für jQuery, kann jedoch keine DOM-Methoden verwenden, zum Beispiel: $("#img").attr("src","test.jpg"); img") ist das jQuery-Objekt.

DOM-Objekte sind einige in Javascript inhärente Objektoperationen. DOM-Objekte können in Javascript inhärente Methoden verwenden, jedoch keine Methoden in jQuery. Beispiel: document.getElementById("img").src = "test.jpg"; document.getElementById("img") ist hier das DOM-Objekt.

$("#img").attr("src","test.jpg"); und document.getElementById("img").src = "test.jpg"; "#img").src = "test.jpg"; oder document.getElementById("img").attr("src","test.jpg");

Ein weiteres Beispiel ist dieses. Wenn ich jQuery schreibe, schreibe ich oft so: this.attr("src","test.jpg"); aber es ist tatsächlich ein Fehler. attr("src" ,"test.jpg") ist eine jQuery-Methode, daher ist ein Fehler aufgetreten. Um dieses Problem zu lösen, müssen Sie das DOM-Objekt in ein jQuery-Objekt konvertieren, z. B. $(this).attr("src","test.jpg");

1. DOM-Objekt in jQuery-Objekt konvertieren

Für ein DOM-Objekt müssen Sie das DOM-Objekt nur mit $() umschließen, um ein jQuery-Objekt zu erhalten, $(DOM-Objekt). Hinweis: var ist eine definierte Variable

Zum Beispiel:

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

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

2. Konvertieren Sie ein jQuery-Objekt in ein DOM-Objekt

Zwei Konvertierungsmethoden konvertieren ein jQuery-Objekt 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 是否被选中

Mit den 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.