Heim > Artikel > Web-Frontend > Beschreiben Sie kurz die Unterschiede und Verbindungen zwischen next, nextAll, nextUntil und Geschwistern in jquery

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

巴扎黑Original: 2017-06-22 14:07:181525Durchsuche

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>

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!

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Ausführliche Erklärung einfacher Fragen zu parent() und siblings() in jQueryNächster Artikel：Ausführliche Erklärung einfacher Fragen zu parent() und siblings() in jQuery

In Verbindung stehende Artikel

Mehr sehen