jQuery を高速に使う CSS セレクタの書き方

 

article1

http://tech.nitoyon.com/ja/blog/2008/12/11/jquery-fast-css/

jQuery を高速に使うためのポイントを５つに絞って紹介します。

1. 何度も同じセレクタを実行しない

2. クラスだけを指定するのは禁止

3. #id を積極的に使う

4. 途中までの結果を再利用する

5. 子供セレクタ(>)を使うと速くなることがある

article2

http://www.detelu.com/blog/2011/11/jquery-tuning/

1.「:○○」系のものは、代用できるメソッドや書き方があれば、そちらを利用する。
2. id属性にHTMLタグは付けない。もしHTML側でid属性を付けることができるなら、積極的に利用する。
3. find() メソッドは積極的に利用する。
4. class属性にHTMLタグを添えるとIEのバージョン8以下では速くなる。それ以外ブラウザの場合はHTMLタグがない方が速度UPの可能性あり。