Beschreiben Sie kurz die Unterschiede und Verbindungen zwischen next, nextAll, nextUntil und Geschwistern in jquery-js-Tutorial-php.cn

Beschreiben Sie kurz die Unterschiede und Verbindungen zwischen next, nextAll, nextUntil und Geschwistern in jquery

巴扎黑

Freigeben： 2017-06-22 14:07:18

Original

1609 Leute haben es durchsucht

Dieser Artikel gibt Ihnen eine detaillierte Einführung in die Unterschiede zwischen jquery next nextAlle nextUntil-Geschwister können sich auf

next: ein Element neben $('')
nextAll: Alle Geschwisterelemente nach $('')

nextUntil: bis. . . Die vorherige Bedeutung, also alle Geschwisterelemente nach $(''), aber vor dem nextUntil-Parameter, mit Ausnahme des passenden Elements selbst

Geschwister: alle Geschwisterelemente vor und nach $('')

Das einfache Verständnis ist, dass es als Nächstes darum geht, seinen jüngeren Bruder/Schwester zu finden, NextAll darum, alle seine jüngeren Brüder/Schwestern zu finden, NextUntil darin besteht, jüngere Brüder/Schwestern zu finden, die ein bestimmtes Alter jünger als er sind, und Geschwister zu finden ist alle seine Brüder/Schwestern und alle seine Brüder/Schwestern. Also die gleiche Peer-Beziehung, prev, prevAll, prevBis

Das Folgende ist ein einfacher Testcode

Der Code lautet wie folgt:

<!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>

Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonBeschreiben Sie kurz die Unterschiede und Verbindungen zwischen next, nextAll, nextUntil und Geschwistern in jquery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!