méthode de fin dans jquery

WBOY
Libérer: 2023-05-12 10:41:06
original
872 Les gens l'ont consulté

jQuery est une bibliothèque JavaScript très populaire qui simplifie la programmation JavaScript et est devenue l'un des outils essentiels du développement front-end. Dans jQuery, les opérations en chaîne sont souvent utilisées pour opérer sur les éléments DOM. La méthode end() dans les opérations en chaîne est une méthode couramment utilisée, qui permet de revenir à l'état précédent. end()方法是常用的一个方法,它用于回退到之前的状态。

end()方法用于将当前选中集合重置为先前的状态。也就是说,如果在一个选择集合上进行了多个操作,那么end()方法可以用来回到之前的选择集合。

在jQuery中,end()方法可以用在链式操作中的任何位置。当链式操作中需要回退到之前的状态时,只需要调用end()方法即可。

比如,我们有一个HTML结构如下:

<div class="parent">
  <div class="child">child 1</div>
  <div class="child">child 2</div>
</div>
Copier après la connexion

我们可以使用以下代码将所有的子元素设置为红色并返回到父元素上:

$(".parent").children().css("color", "red").end();
Copier après la connexion

当我们调用end()方法时,它将回退到选择器选择.parent元素的状态,也就是说,重置了选择集合,不再作用于.child元素。

除了链式操作中使用end()方法,它还可以在其他场景中使用。比如,在获取和设置属性时,end()方法可以用来回退到最初的选择集合。以下是一个例子,用来获取元素属性并返回到之前的状态:

$(".test")
  .attr("name", "test")
  .end()
  .attr("id", "test");
Copier après la connexion

在这个例子中,我们在.test元素上设置了一个名为test的属性。然后使用end()方法回退到了最初的选择集合,也就是作用于.test元素的集合状态。然后我们使用attr()方法设置了id属性,但是这个属性不会被作用于.test元素,而是作用于选择集合之前的元素,因为我们已经使用end()方法回退到最初的选择集合。

最后,需要注意的是,end()方法只能用于链式操作中前一步所返回的的集合。如果在链式操作中使用了其他操作,end()方法将没有作用。

总之,end()

La méthode end() est utilisée pour réinitialiser la collection actuellement sélectionnée à l'état précédent. Autrement dit, si plusieurs opérations sont effectuées sur un jeu de sélection, la méthode end() peut être utilisée pour revenir au jeu de sélection précédent. 🎜🎜Dans jQuery, la méthode end() peut être utilisée n'importe où dans l'opération en chaîne. Lorsque vous devez revenir à l'état précédent dans une opération en chaîne, il vous suffit d'appeler la méthode end(). 🎜🎜Par exemple, nous avons une structure HTML comme suit : 🎜rrreee🎜Nous pouvons utiliser le code suivant pour définir tous les éléments enfants en rouge et les renvoyer à l'élément parent : 🎜rrreee🎜Lorsque nous appelons end(), il reviendra à l'état dans lequel le sélecteur sélectionne l'élément <code>.parent, c'est-à-dire que la collection de sélection est réinitialisée et n'affecte plus le .child élément. 🎜🎜En plus d'utiliser la méthode end() dans les opérations en chaîne, elle peut également être utilisée dans d'autres scénarios. Par exemple, lors de l'obtention et de la définition des propriétés, la méthode end() peut être utilisée pour revenir au jeu de sélection d'origine. Voici un exemple d'obtention des attributs d'un élément et de leur retour à leur état précédent : 🎜rrreee🎜Dans cet exemple, nous définissons un nouvel élément nommé testsur l'élément .test > propriétés . Utilisez ensuite la méthode end() pour revenir à la collection de sélection d'origine, qui est l'état de collection qui agit sur l'élément .test. Ensuite, nous utilisons la méthode attr() pour définir l'attribut id, mais cet attribut ne sera pas appliqué à l'élément .test, mais à la sélection Les éléments avant la collection car nous avons utilisé la méthode end() pour revenir à la collection de sélection d'origine. 🎜🎜Enfin, il convient de noter que la méthode end() ne peut être utilisée que pour la collection renvoyée par l'étape précédente de l'opération de chaîne. Si d'autres opérations sont utilisées dans l'opération en chaîne, la méthode end() n'aura aucun effet. 🎜🎜En bref, la méthode end() est une méthode très pratique, qui permet de revenir facilement à l'état précédent dans les opérations en chaîne. Maîtriser cette approche peut améliorer l’efficacité de votre code et faciliter sa maintenance. 🎜

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!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!