jQuery を高速に使う CSS セレクタの書き方 - てっく煮ブログ

JavaScriptjQuery は CSS セレクタで要素を選んで処理できるのが魅力的ですね。そんな jQuery ですが、CSS セレクタの書き方次第で速度が大幅に変わってきます。ここでは jQuery の内部処理を疑似コードで示しつつ、jQuery を高速に使うためのポイントを５つに絞って紹介します。何度も同じセレクタを実行しないクラスだけを指定するのは禁止#id を積極的に使う途中までの結果を再利用する子供セレクタ(>)を使うと速くなることがある※ この記事は jQuery 1.2.6 のソースコードを元に記述しています1. 何度も同じセレクタを実行しない改善前 // 例題 1 $("div.foo").addClass("bar"); $("div.foo").css("background", "#ffffff"); $("div.foo").click(function(){

[fumix-hat]

cssセレクタの書き方を工夫してjQueryを速くする。早速実践してみる。

[i101330]

jQuery高速化１CSSセレクタ書き方

[norip44]

jQuery高速化。難しい話でもないので、意識してみたいです～

[kams3261]

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

[hashimoya]

近くにししょーがいないとこういうノウハウが継承されないんだよなー。ありがたし

[akichan88]

良い

[nazomikan]

[jque

[yasu-log]

［B!］jQuery を高速に使う CSS セレクタの書き方 - てっく煮ブログ

[w3gjp]

あわせて見ておきたい CSSセレクタの高速化 http://webtech-walker.com/archive/2010/05/18162034.html

[yukee]

高速化

[sho-yamasaki]

jQuery

[ugon105]

必読

[soma1080]

効率的にjQueryを使うためのtips

[div1]

高速化のＴips

[hanabi_hibana]

便利だからって、書き方が適当になっている自分へ

[Ashizawa]

最適化、言われてみればそうだと納得する内容

[s5-style]

jQueryを使ったコードの最適化ノウハウ

[tksmd]

jQuery セレクタの書き方

[caraldo_k]

jQueryの高速化、自分で書く前に一回確認しよう！

[ginpei]

いい感じだ。

[xxxdrugaxxx]

jQueryつかうときのCSS書き方注意書き

[gan98]

jQuery

[okosou]

*

[t32k]

分かりやすい！ - Tags: #performance #jQuery

[gachakku0131]

重要！！／"jQuery はライブラリである以上、DOM を直接さわるのに比べて遅くなることは避けられません。"

[tyoro1210]

曖昧さを無くしていくように心掛ける。 便利なので省略してしまう事が多いので戒めないとなぁ。 / findとかendとか全然使ってないなぁ。

[bigwest]

jQueryの書き方[css]

[hiro_y]

jQueryのセレクタを効率よく使うために。

[asiamoth]

ほとんど知っているつもりだったが、子どもセレクタは見逃していた。たしか、CSS だと逆に遅くなるんじゃなかったかな。

[HHR]

テクニック

[hiro-rock]

jQueryのソースコード見直し用にメモ