Analyse des Unterschieds zwischen Jquery-Objekten und Dom-Objekten_jquery

Bevor wir darüber sprechen, sollten wir uns auf den Stil der Variablendefinition einigen.

Wenn das erhaltene Objekt ein jQuery-Objekt ist, fügen Sie $ vor der Variablen hinzu, zum Beispiel:

Code kopieren Der Code lautet wie folgt:

var $variable = jQuery-Objekt;

Wenn das DOM-Objekt erhalten wird, wird es wie folgt definiert:

Code kopieren Der Code lautet wie folgt:

var variable = DOM-Objekt;

jQuery-Objekte können keine Methoden im DOM verwenden. Wenn Sie jedoch mit den vom jQuery-Objekt bereitgestellten Methoden nicht vertraut sind oder jQuery die gewünschten Methoden nicht kapselt und Sie das DOM-Objekt verwenden müssen, gibt es die folgenden zwei Methoden. jQuery bietet zwei Methoden zum Konvertieren eines jQuery-Objekts in ein DOm-Objekt, nämlich [index] und get(index).

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

Code kopieren Der Code lautet wie folgt:

var $cr = $("#cr"); //jQuery-Objekt
var cr = $cr[0] //DOM-Objekt
Alert(cr.checked) //Überprüfen Sie, ob dieses Kontrollkästchen aktiviert ist

2. Rufen Sie das entsprechende DOM-Objekt über die Methode get(index) ab.

Code kopieren Der Code lautet wie folgt:

var $cr = $("#cr");
var cr = $cr.get(0);
alarm(cr.checked);

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

Code kopieren Der Code lautet wie folgt:

var cr = document.getElementByID("cr"); //DOM-Objekt
var $cr = $(cr);

Zusammenfassung:

1. Die get-Methode in jQuery ruft tatsächlich Dom-Elemente ($(this).get(0) und $(this)[0])
ab
2. Die Methoden eq, first, last und andere in jQuery-Methoden sind alle zurückgegebene Jquery-Objekte

3. Nur DOM-Objekte können Methoden im DOM verwenden. jQuery-Objekte können keine Methoden im DOM verwenden. jQuery-Objekte bieten einen umfassenderen Satz an Tools zum Bearbeiten des DOM.