気に入った記事をブックマーク
- 気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
- 記事を読んだ感想やメモを書き残せます
- 非公開でブックマークすることもできます
jQuery を高速に使う CSS セレクタの書き方
98 users
tech.nitoyon.com
tech.nitoyon.com
tech.nitoyon.com
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
jQuery は CSS セレクタで要素を選んで処理できるのが魅力的ですね。そんな jQuery ですが、CSS セレク... jQuery は 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(){alert
tech.nitoyon.com
tech.nitoyon.com
tech.nitoyon.com
tech.nitoyon.com
373news.com
nordot.app
anond.hatelabo.jp
huyukiitoichi.hatenadiary.jp
www.eisbahn.jp
qiita.com
zenn.dev/gamella
applech2.com
qiita.com/ahera
techblog.enechain.com
www.gizmodo.jp
2013/10/31 リンク