Einführung in Methoden zum Konvertieren zwischen jQuery-Objekten und DOM-Objekten

Einführung in Methoden zum Konvertieren zwischen jQuery-Objekten und DOM-Objekten_jquery

WBOY

Freigeben： 2016-05-16 16:12:23

Original

1397 Leute haben es durchsucht

Bevor Sie den Austausch von jQuery-Objekten und DOM-Objekten besprechen, einigen Sie sich zunächst auf den Stil der Definition von Variablen. 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;

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

jQuery-Objekte können keine Methoden in DOM verwenden. Wenn Sie jedoch mit den von jQuery-Objekten bereitgestellten Methoden nicht vertraut sind oder jQuery die gewünschten Methoden nicht kapselt und Sie DOM-Objekte verwenden müssen, gibt es unten 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.

Der jQuery-Code lautet wie folgt:

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) Eine andere Methode wird von jQuery selbst bereitgestellt und das entsprechende DOM-Objekt wird über die Methode get (index) abgerufen.

Der jQuery-Code lautet wie folgt:

Code kopieren Der Code lautet wie folgt:

[js]var $cr = $("#cr");

var cr = $cr.get(0);

Warnung (cr.checked)

2. 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. Die Methode ist $(DOM-Objekt).

Der jQuery-Code lautet wie folgt:

Code kopieren Der Code lautet wie folgt:

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

var $cr = $(cr);

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

Mit den oben genannten Methoden können jQuery-Objekte und DOM-Objekte beliebig ineinander konvertiert werden.

Abschließend wird betont, dass nur DOM-Objekte Methoden in DOM verwenden können, jQuery-Objekte jedoch keine Methoden in DOM verwenden können, aber jQuery-Objekte bieten einen umfassenderen Satz von Tools für den Betrieb von DOM