jQueryのfindメソッド

Posted by specterant on 2012.07.23

findメソッドは、指定した要素の子要素を、引数で指定した要素に合致したものを取得します。
例えば、ulタグのliタグに背景色を追加しちゃうみたいなことが出来ます。

/********************************
//書式
********************************/
$('セレクタ').find('取得したい子要素');
/********************************
//そんな訳で、記述例
********************************/
$('ul').find('li').css('background-color', 'green');

/********************************
//HTMLの記述
********************************/
<ul>
<li>liタグ</li>
<li>liタグ</li>
<li>liタグ</li>
</ul>

//jQueryで下記のように変更される。
<ul>
<li style="background-color: green;">liタグ</li>
<li style="background-color: green;">liタグ</li>
<li style="background-color: green;">liタグ</li>
</ul>
ちなみに、findメソッドを利用した方が、高速化するみたいです。
//findメソッドを利用しない場合
$('ul li');

//findメソッドを利用する場合
$('ul').find('li');

No comments yet.

Write a comment:

WP-SpamFree by Pole Position Marketing