ホーム > JavaScript > jQueryにおけるノードの取得

jQueryにおけるノードの取得

jQueryでのノードの取得はとっても強力だそうです。以下、参考書籍からの説明の引用。

$()命令に対してCSSのセレクタを文字列で渡すことで対象となるノードを全て取得できます。prototype.jsではid名を渡していましたが、jQueryではCSSのセレクタやXPathを渡します。

CSSを記述する際によく使われるセレクタ

$("a") a要素
$("p a") p要素の子であるa
$("p.sample") sampleというclass名が付いたp要素
$("p#sample") sampleというid名が付いたp要素

通常のWebデザインでよく使われる上記の他にもCSS2やCSS3の高度なセレクタにも対応しています。これらのセレクタにおいては、ブラウザのCSS実装をそのまま使っているわけではなく、jQueryで実装されたものなので、たとえブラウザが対応していなくても動作します。(例:IE6におけるp>a等)

CSS2におけるセレクタのうち、そのまま使えるもの

$("p>a") p要素の子であるa要素
$("p+ul") p要素の直後に出現するul要素
$("p:first-child") 先頭の子であるp要素
$("p:lang(ja)") 内容が日本語で記述されているp要素

属性セレクタ(titleやhref等)のみ、@を加えた表記になるので注意。

コメント:0

コメントフォーム
入力した情報を記憶する

トラックバック:0

この記事のトラックバック URL
http://showzine.info/blog/2009/01/jquery%e3%81%ab%e3%81%8a%e3%81%91%e3%82%8b%e3%83%8e%e3%83%bc%e3%83%89%e3%81%ae%e5%8f%96%e5%be%97.html/trackback
トラックバックの送信元リスト
jQueryにおけるノードの取得 - SHOWJIN*BLOG より

ホーム > JavaScript > jQueryにおけるノードの取得

検索
フィード

ページの上部に戻る