Beispiele zur Erläuterung des Unterschieds zwischen this und $(this) in JQuery_jquery

Dies wird in JQuery selten verwendet. Als ich mir den Code ansah, stellte ich fest, dass er verwendet wurde, also habe ich den Wert davon debuggt und angenommen, dass dies der Fall sei. Immer noch recht nützlich. Hier finden Sie eine Zusammenfassung der Unterschiede und Verwendungsmöglichkeiten von this und $(this).

　Was generiert $(this)?

Was generiert $()? Tatsächlich bedeutet $()=jquery(), dass ein Jquery-Objekt zurückgegeben wird.

Normalerweise verwenden wir $() der Einfachheit halber direkt. Tatsächlich lässt diese Funktion einen Parameterkontext weg. Wählen Sie das passende Objekt basierend auf dem Selektor aus, also $ (Selektor, Kontext), und geben Sie es in Form eines jQuery-Wrapper-Sets zurück.

Der Kontext kann eine Dom-Objektsammlung oder ein jQuery-Verpackungssatz sein. Wenn er übergeben wird, bedeutet dies, dass passende Objekte aus dem Kontext ausgewählt werden Seite), also $(selector)=$ (selector,document).

Dies bezieht sich auf das HTML-Objekt, das die Funktion aufruft.

Beispiel:

Code kopieren Der Code lautet wie folgt:

$("#textbox").hover(
function() {
This.title = "Test";
},
function() {
This.title = "OK";
}  
);

Das hier ist eigentlich ein HTML-Element (Textfeld), und das ist in js. Das Textfeld verfügt über ein Textattribut, daher ist es kein Problem, es auf diese Weise zu schreiben.

Code kopieren Der Code lautet wie folgt:

$("#textbox").hover(
function() {
$(this).title = "Test"; },  
function() {
$(this).title = "OK";                                                                                     
);

$(this) hier ist ein JQuery-Objekt, und jQuery-Objekte haben kein Titelattribut, daher ist es falsch, dies zu schreiben.

Fazit:

　Dies zeigt an, dass das aktuelle Kontextobjekt ein HTML-Objekt ist und Sie die Eigenschaften und Methoden aufrufen können, die dem HTML-Objekt gehören.

$(this), das dargestellte Kontextobjekt ist ein JQuery-Kontextobjekt, das JQuery-Methoden und Attributwerte aufrufen kann.

Instanz (Registerkarte):

Code kopieren Der Code lautet wie folgt:

tabs($("#nav a"), $(".content"));

Funktionsregisterkarten (Registerkarte, Inhalt){
content.hide();
content.eq(0).show();
tab.click(function(){
var index = tab.index(this);
tab.removeClass("current");
$(this).addClass("current");
content.hide();
content.eq(index).animate({opacity:'show'}, 200);
});
}