Heim > Artikel > Web-Frontend > Der Unterschied zwischen jquery this und $(this)
Der Unterschied zwischen jquery this und $(this) ist: 1. Dies ist ein HTML-Element und $this ist nur ein Variablenname. Das Hinzufügen von $ soll anzeigen, dass es sich um ein Jquery-Objekt handelt eine Konvertierung, die verwendet werden kann Konvertieren Sie das dadurch dargestellte dom-Objekt in ein jquery-Objekt.
Die Betriebsumgebung dieses Tutorials: Windows 7-System, JQuery-Version 1.10.0, Dell G3-Computer.
Empfehlung: „jQuery-Video-Tutorial“
Der Unterschied zwischen JQuery this und $(this) und die Methode zum Erhalten des $(this)-Unterelementobjekts
1 Der Unterschied zwischen JQuery this und $( this)
rrreeIch glaube, dass viele Leute, die neu bei JQuery sind, über den Unterschied zwischen $(this) und this verwirrt sein werden. Was ist also der Unterschied zwischen den beiden?
Schauen wir uns zunächst das $()-Symbol in JQuery an. Tatsächlich entspricht dieses Symbol JQuery() in JQuery, das heißt, dies kann a zurückgeben jquery-Objekt. Wenn Sie dann auf der Webseite alarmieren ($('#id'));, wird ein [Objektobjekt] angezeigt. Dieses Objektobjekt ist auch ein JQuery-Objekt.
Kehren wir also zu $(this) zurück, was ist das? Angenommen, wir haben den folgenden Code:
// this其实是一个Html 元素。 // $this 只是个变量名,加$是为说明其是个jquery对象。 // 而$(this)是个转换,将this表示的dom对象转为jquery对象,这样就可以使用jquery提供的方法操作。
Dann können Sie zu diesem Zeitpunkt Folgendes sehen:
$("#desktop a img").each(function(index){ alert($(this)); alert(this); }
Mit anderen Worten, letzteres gibt ein HTML-Objekt zurück (in diesem Fall handelt es sich um ein IMG-Objekt, das HTML durchläuft, also HTMLImageElement). ).
Viele Leute melden this.attr('src'); bei der Verwendung von jquery wird die Fehlermeldung „Das Objekt unterstützt dieses Attribut oder diese Methode nicht“ angezeigt. Wenn Sie das obige Beispiel verstehen, wissen Sie, wo der Fehler liegt: Es funktioniert auf dem HTML-Objekt. Wie kommt es also, dass es eine val()-Methode gibt? , wir können dies nicht direkt verwenden jQuery-Methoden oder -Eigenschaften.
2. Methode zum Abrufen des untergeordneten Knotenobjekts von $(this): find(element)
Da Sie nun den Unterschied zwischen $(this) und this verstanden haben, schauen wir uns dieses Beispiel an: (Angenommen, das a Das Tag auf meiner Seite enthält img und das src-Attribut. Beim Durchlaufen möchte ich die Adresse von src in img unter $(this)
alert($(this)); 弹出的结果是[object Object ] alert(this); 弹出来的是[object HTMLImageElement]
erhalten, wobei.find(element) ein DOM-Element für übereinstimmende Elemente zurückgibt , damit ich die gewünschte Quelladresse erreichen kann.
Das obige ist der detaillierte Inhalt vonDer Unterschied zwischen jquery this und $(this). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!