Heim  >  Artikel  >  Web-Frontend  >  Der Unterschied zwischen jquery this und $(this)

Der Unterschied zwischen jquery this und $(this)

藏色散人
藏色散人Original
2020-12-03 09:16:112338Durchsuche

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.

Der Unterschied zwischen jquery this und $(this)

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)

rrree

Ich 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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn