Décrivez brièvement les différences et les connexions entre next, nextAll, nextUntil et les frères et sœurs dans jquery-js tutoriel-php.cn

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

巴扎黑

Libérer： 2017-06-22 14:07:18

original

1595 Les gens l'ont consulté

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>

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!