ホームページ  >  記事  >  ウェブフロントエンド  >  jQuery の次は何でしょうか?

jQuery の次は何でしょうか?

WBOY
WBOYオリジナル
2022-05-10 15:11:432685ブラウズ

jquery では、next は選択された要素の後の兄弟要素を返すために使用されるメソッドです。このメソッドは、要素コレクション内の各要素にすぐ隣接する兄弟要素と一致し、セレクターに一致する次の兄弟要素を取得できます。兄弟要素であり、1 つの要素のみを返します。構文は「element object.next(selector)」です。

jQuery の次は何でしょうか?

このチュートリアルの動作環境: Windows10 システム、jquery3.2.1 バージョン、Dell G3 コンピューター。

jquery の次の内容

next() メソッドは、選択した要素の次の兄弟要素を返します。

兄弟要素とは、同じ親要素を共有する要素です。

注: このメソッドは 1 つの要素のみを返します。

DOM ツリー: このメソッドは、DOM 要素の次の兄弟要素に沿って前方に移動します。

構文

$(selector).next(filter)

パラメータの説明

filter オプション。検索を 1 つの兄弟要素に絞り込むセレクター式を指定します。

next() 一致する要素セット内の各要素のすぐ隣の兄弟要素を取得します。セレクターが指定されている場合は、セレクターに一致する次の兄弟要素を取得します。

例は次のとおりです:

<!DOCTYPE html>
<html>
<head>
  <script type="text/javascript" src="/jquery/jquery.js"></script>
</head>
<body>
  <p>Hello</p>
  <p class="selected">Hello Again</p>
  <div><span>And Again</span></div>
<script>
  $("p").next(".selected").css("background", "yellow");
</script>
</body>
</html>

出力結果:

jQuery の次は何でしょうか?

関連ビデオ チュートリアルの推奨事項: jQuery ビデオ チュートリアル

以上がjQuery の次は何でしょうか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。