Dans l'exemple précédent, il est également possible de prendre la ce référencez-le et transmettez-le à la fonction jQuery afin que l'élément DOM soit encapsulé avec la fonctionnalité jQuery.

Donc au lieu de cela:

 // Accède à l'attribut ID de l'élément DOM. alerte (this.id);

Nous aurions pu faire ceci:

 // Enveloppe l'élément DOM avec un objet jQuery, // et utilise ensuite attr () pour accéder à la valeur de l'ID. alert ($ (this) .attr ('id'));

Cela est possible car la fonction jQuery prend non seulement des expressions de sélecteur, mais également des références à des éléments DOM. Dans le code, ce est une référence à un élément DOM.

La raison pour laquelle vous pouvez vouloir envelopper la fonctionnalité jQuery autour d'un élément DOM doit être évidente. Cela vous donne la possibilité d’utiliser le chaînage jQuery, si vous en avez besoin..

Itérer sur un ensemble d'éléments contenus dans l'ensemble d'encapsuleurs jQuery est un peu similaire au concept que nous venons de décrire. En utilisant le jQuery chaque() méthode, nous pouvons parcourir chaque élément DOM contenu dans un ensemble de wrapper. Cela permet d’accéder à chaque élément DOM individuellement, via l’utilisation de la ce mot-clé.

Extraire des éléments d'un ensemble d'encapsuleurs, en les utilisant directement sans jQuery

Comme démontré, jQuery fournit le pratique obtenir() méthode d'accès aux éléments DOM à un index spécifique du groupe d'encapsuleurs.

Mais il y a une autre option ici. Vous pouvez éviter d'utiliser le obtenir() méthode en utilisant simplement la notation de tableau entre crochets sur l’objet jQuery lui-même. Dans le contexte de notre exemple de code précédent:

Ce code:

 $ ('a'). get (0) .title = 'jQuery.com';

Pourrait devenir ceci:

 $ ('a') [0] .title = 'jQuery.com';

Les deux autorisent l'accès à l'élément DOM réel. Personnellement, je préfère la notation entre crochets. Il est plus rapide car il utilise du JavaScript natif pour récupérer l'élément d'un tableau au lieu de le transmettre à une méthode.

Cependant, le obtenir() La méthode fournit une solution astucieuse pour placer tous les éléments DOM dans un tableau natif. En appelant simplement le obtenir() méthode sans lui transmettre un paramètre d'index, la méthode renverra tous les éléments DOM du wrapper défini dans un tableau JavaScript natif.

    jQuery.com jQuery.com jQuery.com    

Remarques: En utilisant obtenir() mettra fin à l'enchaînement de jQuery. Il va prendre le jeu d'encapsuleurs et le changer en un simple tableau d'éléments DOM qui ne sont plus encapsulés avec la fonctionnalité jQuery. Par conséquent, en utilisant le .fin() la méthode ne peut pas restaurer le chaînage après .obtenir().

Vérification pour voir si l'ensemble d'emballage est vide

Avant de commencer à utiliser un ensemble d'encapsuleurs, il est logique de vérifier que vous avez bien sélectionné quelque chose. La solution la plus simple consiste à utiliser un si instruction pour vérifier si le wrapper set contient des éléments DOM.

La vérité de l'affaire est ce qui précède si les instructions ne sont pas totalement nécessaires, car jQuery échouera silencieusement si aucun élément n'est trouvé. Cependant, chaque méthode chaînée à un ensemble de wrapper vide est toujours invoquée. Donc, alors que nous pourrions réellement renoncer à l'utilisation de la si déclarations, c’est probablement une bonne règle empirique de les utiliser. L'appel de méthodes sur un ensemble de wrapper vide peut potentiellement entraîner un traitement inutile, ainsi que des résultats indésirables, si les méthodes renvoient des valeurs autres que celle du set de wrapper et que ces valeurs sont prises en compte.

Créer un alias en renommant l'objet jQuery lui-même

jQuery fournit le pas de conflit() méthode qui a plusieurs utilisations, à savoir la capacité de remplacer $ avec un autre alias. Cela peut être utile de trois manières: Il peut renoncer à l’utilisation de la $ vous connecter à une autre bibliothèque, éviter les conflits potentiels et permettre de personnaliser l'espace de nom / alias de l'objet jQuery.

Par exemple, supposons que vous construisez une application Web pour la société XYZ. Il peut être intéressant de personnaliser jQuery de manière à ne plus avoir à utiliser jQuery ('div'). show () ou $ ('div'). show () vous pourriez utiliser XYZ ('div'). Show () au lieu.

    
Syncfusion., Inc.
    

Remarques:En passant le pas de conflit() Si vous utilisez une valeur booléenne true, vous pouvez complètement annuler ce que jQuery a introduit dans la page Web. Cela ne devrait être utilisé que dans des cas extrêmes, car cela causera plus que probablement des problèmes avec les plugins jQuery.

Utilisation de .each () quand une itération implicite n’est pas suffisante

Si tout va bien, il est évident que si vous avez une page HTML (exemple ci-dessous) avec trois