1.

.find() 

▶
編集
ページの作成
テンプレートを更新

ページの作成

親となるページを選択してください。

ページは必ず何かしらの親ページに紐づきます。
親ページに紐づくページを子ページといいます。
例： 親=スポーツ, 子1=サッカー, 子2=野球

子ページを親ページとして更に子ページを作成することも可能です。
例： 親=サッカー, 子=サッカーのルール

親ページはいつでも変更することが可能なのでとりあえず作ってみましょう！

.find() 

・jQueryオブジェクトで指定した要素のうち、指定した条件に合致する子孫要素を選択する。

 

■.find( selector )

戻り値:jQuery

引数 説明
selector 検索対象をセレクタで指定

 

 

■.find( jQuery object ) 

戻り値:jQuery

引数 説明
jQuery object 検索対象をjQueryオブジェクトで指定

 

 

■.find( element )

戻り値:jQuery

引数 説明
element 検索対象をDOM要素で指定

 

 

使用例）

HTML

"<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

        <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>

        <script>

            $(function(){

                $("p").find("span").css("color","red");

            });

        </script>

</head>

<body>

    <p>黒<span>赤</span>黒<span>赤</span></p>

</body>

</html>"

pタグで要素を絞り、findメソッドでspanタグを指定し、さらに要素を絞る。

pタグ内のspanタグ内にのみ処理が適応される。

 

 

 


 

 

編集
ページの作成
テンプレートを更新

ページの作成

親となるページを選択してください。

ページは必ず何かしらの親ページに紐づきます。
親ページに紐づくページを子ページといいます。
例： 親=スポーツ, 子1=サッカー, 子2=野球

子ページを親ページとして更に子ページを作成することも可能です。
例： 親=サッカー, 子=サッカーのルール

親ページはいつでも変更することが可能なのでとりあえず作ってみましょう！
子ページ
子ページはありません
同階層のページ
  1. .find() 
  2. .children()
  3. .eq()

人気ページ

最近更新/作成されたページ