Exemples pour expliquer la différence entre this et $(this) dans JQuery_jquery

Ceci est rarement utilisé dans jquery. Quand j'ai regardé le code, j'ai découvert qu'il était utilisé, j'ai donc débogué la valeur de ceci et j'ai pensé que c'était le cas. Cela reste quand même assez utile. Voici un résumé des différences et des utilisations de this et $(this).

　Que génère $(this) ?

Que génère $() ? En fait, $()=jquery() signifie qu'il renvoie un objet jquery.

Habituellement, nous utilisons $() directement pour plus de simplicité. En fait, cette fonction omet un contexte de paramètre. Sélectionnez l'objet correspondant en fonction du sélecteur, c'est-à-dire $(sélecteur, contexte), et renvoyez-le sous la forme d'un ensemble de wrapper jQuery.

Le contexte peut être une collection d'objets Dom ou un ensemble d'empaquetage jQuery. Le transmettre signifie sélectionner les objets correspondants dans le contexte. S'il n'est pas transmis, cela signifie que la portée est l'objet du document (c'est-à-dire tous les objets du contexte). page), c'est-à-dire $(sélecteur)=$ (sélecteur,document).

Il s'agit de l'objet html qui appelle la fonction.

Exemple :

Copier le code Le code est le suivant :

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

Ceci est en fait un élément Html (textbox), et c'est en js. La zone de texte a un attribut text, il n'y a donc aucun problème à l'écrire de cette façon.

Copier le code Le code est le suivant :

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

$(this) ici est un objet JQuery, et les objets jQuery n'ont pas d'attribut title, donc écrire ceci est faux.

Conclusion :

　Cela indique que l'objet de contexte actuel est un objet html et que vous pouvez appeler les propriétés et les méthodes appartenant à l'objet html.

$(this), l'objet contextuel représenté est un objet contextuel jquery, qui peut appeler des méthodes jquery et des valeurs d'attribut.

Instance (onglet) :

Copier le code Le code est le suivant :

tabs($("#nav a"), $(".content"));
onglets de fonction (onglet, contenu){
content.hide();
content.eq(0).show();
tab.click(function(){
var index = tab.index(this);
tab.removeClass("actuel");
$(this).addClass("current");
content.hide();
content.eq(index).animate({opacity:'show'}, 200);
});
>