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:221301parcourir
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!