recherche

Maison  >  Article  >  interface Web  >  Exemples d'utilisation de la méthode andSelf() dans jQuery

Exemples d'utilisation de la méthode andSelf() dans jQuery

巴扎黑
巴扎黑original
2017-06-24 10:33:221338parcourir

Cet article présente principalement l'utilisation de la méthode andSelf() dans jQuery. Il analyse les compétences d'utilisation de la méthode andSelf() pour ajouter des éléments précédemment sélectionnés à la collection d'éléments actuelle. peut s'y référer. Ce qui suit

L'exemple dans cet article décrit l'utilisation de la méthode andSelf() dans jQuery. Partagez-le avec tout le monde pour votre référence. L'analyse spécifique est la suivante :

Cette méthode peut ajouter l'élément précédemment sélectionné à la collection d'éléments actuelle.

Structure grammaticale :

Le code est le suivant :

.andSelf()

Il est possible pour cette méthode C'est difficile à comprendre, analysons donc l'exemple suivant en détail Afin de faciliter la visualisation du code, seul le contenu principal du code a été intercepté.

Le code est le suivant :

$(".second").
next
All().css("color","green"); 
<ul> 
  <li>html专区</li> 
  <li class="second">p+CSS专区</li> 
  <li>
Javascript
专区</li> 
  <li>Jquery专区</li> 
</ul>

Une fois le code ci-dessus exécuté, la couleur du texte dans les troisième et quatrième li est définie sur vert. Regardez à nouveau le code suivant :

Le code est le suivant : 

$(".second").nextAll().andSelf().css("color","green");
<ul>
  <li>html专区</li>
  <li class="second">p+CSS专区</li>
  <li>Javascript专区</li>
  <li>Jquery专区</li>
</ul>

Une fois le code ci-dessus exécuté, la couleur du texte dans les deuxième, troisième et quatrième li est définie sur vert .
La différence dans les résultats d'exécution des deux codes est due à la méthode andSelf().

Analysez le processus d'exécution du code : utilisez d'abord le sélecteur de classe pour sélectionner le deuxième élément li, puis utilisez la méthode nextAll() pour convertir les troisième et quatrième éléments actuellement sélectionnés . Si vous commencez à appeler la méthode css() ici, ce sera le résultat du premier morceau de code. Si la méthode andSelf() est appelée, l'élément précédemment sélectionné sera ajouté à la collection d'éléments actuelle, puis la méthode css() est appelée et la couleur de police des trois éléments li deviendra verte.

Exemple de code :

Le code est le suivant :

<!DOCTYPE html>
<html>
<
head
>
<meta charset=" utf-8">
<meta name="author" content="http://www.jb51.net/" />
<title>脚本之家</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> 
<script type="text/javascript"> 
$(
document
).ready(function(){ 
  $(".second").nextAll().andSelf().css("color","green"); 
}) 
</script> 
</head> 
<body> 
<p> 
  <ul> 
    <li>html专区</li> 
    <li class="second">p+CSS专区</li> 
    <li>Javascript专区</li> 
    <li>Jquery专区</li> 
  </ul> 
</p> 
</body> 
</html>

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!

Déclaration：
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
Article précédent：Analyse de l'utilisation de la fonction jQuery.andSelf()Article suivant：Analyse de l'utilisation de la fonction jQuery.andSelf()

Articles Liés

Voir plus