高速なJavaScript CSSセレクトエンジン「Sizzle」

2009/05/02

Prototype.jsやjQueryなどのJavaScriptフレームワークではHTMLのクラス名やIDなどを指定して要素を取得できるようになっている。とは言え、簡単な要素の取得のためにフレームワーク全体を読み込むというのはちょっと面倒だ。 0

次世代版のCSSセレクタエンジン 0

そこでもっと手軽に使えるCSSセレクタとしてSizzleを紹介しよう。jQuery開発者の方が開発している次世代版のCSSセレクタエンジンだ。 0

今回紹介するオープンソース・ソフトウェアはSizzle、高速＆多機能なCSSセレクタエンジンだ。

SizzleではCSS3のサポート、not指定による要素の除外指定、ポジション（最初、最後、偶数、奇数など）指定など多彩な機能が実装されている。単体で用いることもでき、わずか4KBという軽量さだ（難読化+GZip圧縮した場合だが）。 0

Firefox3 for Mac OSXの場合、エラーが多い 0

:inputを使えばフォーム中の全ての入力要素が取得でき、さらに:textや:checkboxなどを使って種類をフィルタリングすることもできる。これまでのものよりも高速化されており、もっとWebアプリケーション開発が便利になるはずだ。 0

なおテストを実行するとSafari4では2つ、Firefox3ではそれ以上にエラーが起きてしまう。利用する機能をしぼるか、今しばらく待った方が良いかもしれない。 0

Sizzle JavaScript Selector Library
　http://sizzlejs.com/ 0

MOONGIFTの関連記事