Exemples d'utilisation de la méthode andSelf() dans jQuery-js tutoriel-php.cn

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

巴扎黑

Libérer： 2017-06-24 10:33:22

original

1345 Les gens l'ont consulté

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>

Copier après la connexion

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>

Copier après la connexion

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>

Copier après la connexion

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!