ホームページ > 記事 > ウェブフロントエンド > jqueryのnext、nextAll、nextUntil、および兄弟間の違いと接続について簡単に説明します。
jqueryのnext、nextAll、nextUntil、および兄弟間の違いと接続について簡単に説明します。
- 巴扎黑オリジナル
- 2017-06-22 14:07:181523ブラウズ
この記事では、 jquery next nextAll next 兄弟姉妹までの違いを紹介します
next: $('') の次の要素
nextAll: $('') 以降のすべて兄弟要素
nextUntil: until have until。 。 。前の意味なので、一致する要素自体を除く、$('') 以降、nextUntil パラメーターの前のすべての兄弟要素を意味します
sibings: $('') の前後のすべての兄弟要素
わかりやすいです、次は彼の弟/妹を見つけることです、次すべては彼の弟/妹をすべて見つけることです、次までは彼より一定の年齢の若い弟/妹を見つけることです、兄弟はすべての兄/妹を見つけます、そして彼の兄弟/姉妹全員。したがって、同じピア関係、prev、prevAll、prevUntil
以下は簡単なテスト コードです
コードは次のとおりです:
<!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='text/
javascript
' src='http://code.jquery.com/jquery-1.9.1.min.js'></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(){
//$('p
:first
').next().css('
background
','red');
//$('p:first').nextAll().css('background','yellow');
//$('p:first').nextUntil('p').css({'
font-size
':20,background:'red'});
//$('p:first').siblings().css('background','yellow');
});
</script>
</body>
</html>以上がjqueryのnext、nextAll、nextUntil、および兄弟間の違いと接続について簡単に説明します。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。