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.