- 2009年1月9日 7:39 PM
- JavaScript
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等)のみ、@を加えた表記になるので注意。
- 新しい: CSSスタイルの初期化
- 古い: クリックして要素を表示・非表示
コメント: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 より