|
|
Veröffentlicht am 04.01.2016 16:44:58
|
|
|
Was ist ein jQuery-Objekt?
--- ist das Objekt, das durch das Wrappen des DOM-Objekts über jQuery erzeugt wird. jQuery-Objekte sind einzigartig für jQuery und können Methoden in jQuery verwenden.
Zum Beispiel:
$("#test").html() bedeutet, den HTML-Code innerhalb des Elements mit dem ID-Test als Test zu erhalten. html() ist die Methode in jQuery
Dieser Code entspricht der Implementierung von Code im DOM:
document.getElementById("id").innerHTML;
Obwohl jQuery-Objekte durch das Wrappen von DOM-Objekten generiert werden, kann jQuery keine Methoden von DOM-Objekten verwenden, ebenso wenig können DOM-Objekte Methoden in jQuery verwenden. Zufällige Nutzung führt zu einem Fehler. Zum Beispiel: $("#test").innerHTML, document.getElementById("id").html() sind alle falsch.
Ein weiterer Punkt ist, dass die Verwendung von #id als Selektor ein jQuery-Objekt und ein DOM-Objekt ist, das von document.getElementById("id" erhalten wird, die nicht äquivalent sind. Siehe Folgendes für die Umwandlung zwischen den beiden.
Da jQuery unterschiedlich, aber auch verwandt ist, können jQuery-Objekte und DOM-Objekte ebenfalls ineinander umgewandelt werden. Bevor wir die beiden konvertieren, geben wir zunächst eine Konvention an: Wenn eines ein jQuery-Objekt ist, fügen wir $ vor die Variable hinzu, zum Beispiel: var $variab = jQuery-Objekt; Wenn du ein DOM-Objekt bekommst, ist es wie normal: var variab = DOM-Objekt; Eine solche Vereinbarung dient nur der Bequemlichkeit der Erklärung und Unterscheidung und ist in der tatsächlichen Anwendung nicht festgelegt.
jQuery-Objekt an DOM-Objekt:
Es gibt zwei Umwandlungsmethoden, um ein jQuery-Objekt in ein DOM-Objekt umzuwandeln: [index] und .get(index);
(1) Das jQuery-Objekt ist ein Datenobjekt, das durch die [Index]-Methode erhalten werden kann.
Zum Beispiel: var $v =$("#v"); jQuery-Objekt
var v=$v[0]; DOM-Objekt
alert(v.checked) // Erkennt, ob dieses Kontrollkästchen angekreuzt ist
(2) jQuery selbst stellt das entsprechende DOM-Objekt über die .get(index)-Methode bereit
Zum Beispiel: var $v=$("#v"); jQuery-Objekt
var v=$v.get(0); DOM-Objekt
alert(v.checked) // Erkennt, ob dieses Kontrollkästchen angekreuzt ist
DOM-Objekt zu jQuery-Objekt:
Für DOM-Objekte muss man das DOM-Objekt nur mit $() umwickeln, um ein jQuery-Objekt zu erhalten. $(DOM-Objekt)
Zum Beispiel: var v=document.getElementById("v"); DOM-Objekt
var $v=$(v); jQuery-Objekt
Nach der Konvertierung können Sie die Methoden von jQuery nach Belieben verwenden.
Mit den oben genannten Methoden können Sie jQuery-Objekte und DOM-Objekte beliebig ineinander konvertieren. Es sollte betont werden, dass DOM-Objekte nur Methoden im DOM verwenden können und jQuery-Objekte keine Methoden im DOM verwenden können. |
Vorhergehend:C# implementiert die Funktion, E-Mails zu sendenNächster:Klicken Sie auf den Button, um den 60-Sekunden-Countdown-JS-Code aufzurufen
|
