A quoi sert end dans jquery

La fonction de end dans jquery est de mettre fin à la dernière opération de filtrage de la chaîne actuelle et de restaurer l'ensemble d'éléments correspondants à son état précédent. Sa syntaxe d'utilisation est ".end()".

L'environnement d'exploitation de cet article : système Windows 7, jquery version 3.2.1, ordinateur DELL G3

A quoi sert end en jquery ? La méthode

jquery end() termine l'opération de filtrage la plus récente de la chaîne actuelle et restaure l'ensemble des éléments correspondants à son état précédent.

Syntaxe

.end()

Détails

La plupart des méthodes de traversée jQuery fonctionnent sur une instance d'objet jQuery et génèrent un nouvel objet qui correspond à un ensemble différent d'éléments DOM. Lorsque cela se produit, le nouvel ensemble d'éléments doit être poussé sur la pile conservée dans l'objet. Chaque appel réussi de méthode de filtrage pousse un nouvel élément sur la pile. Si nous avons besoin de l’ancien ensemble d’éléments, nous pouvons utiliser end() pour extraire le nouvel ensemble de la pile.

Supposons qu'il y ait une paire de listes courtes dans la page :

<ul class="first">
   <li class="foo">list item 1</li>
   <li>list item 2</li>
   <li class="bar">list item 3</li>
</ul>
<ul class="second">
   <li class="foo">list item 1</li>
   <li>list item 2</li>
   <li class="bar">list item 3</li>
</ul>

Exemple

Principalement, jQuery sera plus utile pour tirer parti de l'attribut chaîne de jQuery (chaîne de commandes). Si nous n'utilisons pas la chaîne de commandes, nous appelons généralement l'objet précédent via le nom de la variable, nous n'avons donc pas besoin d'exploiter la pile. Mais avec end(), nous pouvons enchaîner tous les appels de méthode :

$('ul.first').find('.foo').css('background-color', 'red')
  .end().find('.bar').css('background-color', 'green');

Cette chaîne de commandes récupère les éléments de la première liste avec le nom de classe foo et définit leur arrière-plan en rouge. end() restaurera l'objet à l'état avant d'appeler find(), donc le deuxième find() recherche '.bar' à l'intérieur de

"> et définissez l'arrière-plan de l'élément correspondant sur vert. Le résultat final est que les éléments 1 et 3 de la première liste reçoivent un arrière-plan coloré, tandis que les éléments de la deuxième liste ne présentent aucun changement.

Apprentissage recommandé : "Tutoriel vidéo jquery"

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!