Comment utiliser jquery $(this)

jquery $(this) est généralement un objet JQuery, qui peut appeler les méthodes et les valeurs d'attribut de jquery. Utilisez une syntaxe telle que "$(this).attr(key);" nom.

L'environnement d'exploitation de ce tutoriel : système Windows 7, jquery version 1.2.6, ordinateur DELL G3.

Recommandé : Tutoriel jquery

Comment utiliser jquery $(this) ?

Il s'agit généralement d'un élément HTML, tel que (textbox), et textbox a un attribut de texte. Vous pouvez vous y référer dans l'événement textbox pour obtenir que l'élément

$(this) est généralement un objet JQuery, et vous pouvez appeler des méthodes jquery et des valeurs d'attribut, telles que click(), keyup().

$(function () {
    $('button').click(function () {
       $(this)表示当前对象，这里指的是button
       //alert(this);//this 表示原生的DOM
   }) 
});

$(this).attr(key); Récupère la valeur du nom de l'attribut du nœud, équivalent à la méthode getAttribute(key)

$(this).attr(key, value ); Set La valeur d'un attribut de nœud est équivalente à la méthode setAttribute(key, value)

$(this).val(); this).attr("value" );

$(this).val(value); Définir la valeur d'un nœud d'élément, équivalent à $(this).attr("value",value);

Exemple :

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

L'avantage d'utiliser JQuery est qu'il regroupe les opérations des objets DOM dans différentes versions de navigateur, c'est donc un bon choix d'utiliser $(this) uniformément au lieu de ceci .

Que génère $() ?

En fait, $()=jquery(), ce qui signifie qu'un objet jquery est renvoyé.

D'après la conclusion selon laquelle $() renvoie un objet jquery, nous pouvons conclure que $(this) renvoie un objet jquery Nous pouvons utiliser la méthode universelle alert() pour imprimer un objet :

alert($('#btn'));

Résultats affichés :

La case rouge cochée sur l'image est un objet N'y pensez pas, l'objet est naturellement un objet jquery. C'est-à-dire que nous utilisons $('#btn') pour appeler les méthodes et propriétés de jquery.

Pour plus de connaissances liées à la programmation, veuillez visiter : Enseignement de la programmation ! !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!