Maison > Article > interface Web > Décrivez brièvement les différences et les connexions entre next, nextAll, nextUntil et les frères et sœurs dans jquery

Décrivez brièvement les différences et les connexions entre next, nextAll, nextUntil et les frères et sœurs dans jquery

巴扎黑original: 2017-06-22 14:07:181523parcourir

Cet article vous donnera une introduction détaillée aux différences entre jquery next nextTous les frères et sœurs jusqu'à ce que les amis intéressés puissent se référer à

next : un élément à côté de $('') <.>
nextAll : tous les éléments frères et sœurs après $('')

nextUntil : jusqu'à. . . Le sens précédent, donc cela signifie tous les éléments frères après $(''), mais avant le paramètre nextUntil, à l'exclusion de l'élément correspondant lui-même

frères-sœurs : tous les éléments frères avant et après $('')

La compréhension simple est que ensuite il faut trouver son frère/sœur plus jeune, ensuiteTout est de trouver tous ses frères/sœurs plus jeunes, ensuiteJusqu'à ce qu'il s'agisse de trouver des frères/sœurs plus jeunes qui ont un certain âge plus jeune que lui, les frères et sœurs doivent trouver tous ses frères/sœurs, et tous ses frères/sœurs. Donc la même relation avec les pairs, prev, prevAll, prevUntil

Ce qui suit est un code de test simple

Le code est le suivant :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> 
<head> 
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> 
<title>
Document
</title> 
<script type=&#39;text/
javascript
&#39; src=&#39;http://code.jquery.com/jquery-1.9.1.min.js&#39;></script> 
</head> 
<body> 
<p class="first"> 
<a href="#">hhh</a> 
<h1>这是一个标题</h1> 
<p>这是一个test</p> 
<p>这是一个test</p> 
<p>这是一个test</p> 
<p>这是一个test</p> 
<p>hhha</p> 
<p>这是一个test</p> 
<p>这是一个test</p> 
</p> 
<script> 
$(function(){ 
//$(&#39;p
:first
&#39;).next().css(&#39;
background
&#39;,&#39;red&#39;); 
//$(&#39;p:first&#39;).nextAll().css(&#39;background&#39;,&#39;yellow&#39;); 
//$(&#39;p:first&#39;).nextUntil(&#39;p&#39;).css({&#39;
font-size
&#39;:20,background:&#39;red&#39;}); 
//$(&#39;p:first&#39;).siblings().css(&#39;background&#39;,&#39;yellow&#39;); 
}); 
</script> 
</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：Explication détaillée de questions simples sur parent() et siblings() dans jQueryArticle suivant：Explication détaillée de questions simples sur parent() et siblings() dans jQuery

Articles Liés

Voir plus