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(){
CSS + JavaScript Tips
(1)好きなもの (1)Firefox ( )[r:3,t:60,f:6]ｼｬｷｰﾝ (1)JavaScript ( )[r:3,t:60,f:6]ｼｬｷｰﾝ (1)苦手なもの (1)CSS ( )[r:3,t:60,f:6]ｼｮﾎﾞｰﾝ (1)Z上司、曰く (i)[t:15] (i)[t:20] (1)というわけで ( )[r:3,t:60,f:6]（金沢のラブホテル） ( ) (2) (2)[f:15]CSS が苦手な エンジニアは 僕だけじゃないはず！ (2)[f:15]CSS が苦手な デザイナも もいるはず！ (1)[f:15]でもほんとはみんな 出来たらいいよね！ (2)みんなが関わる CSS なんだから (1)というわけで ( )[r:3,t:60,f:6]（金沢のラブホテル） (2)これから 二時間半 (2)[f:18]CSS のお勉強を しましょう (2)参加して くださ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
