Movatterモバイル変換


[0]ホーム

URL:


はてなブックマークアプリ

サクサク読めて、
アプリ限定の機能も多数!

アプリで開く

はてなブックマーク

  • はてなブックマーク
  • 暮らし
  • jQuery を高速に使う CSS セレクタの書き方 - てっく煮ブログ
  • Twitterでシェア
  • Facebookでシェア

気に入った記事をブックマーク

  • 気に入った記事を保存できます
    保存した記事の一覧は、はてなブックマークで確認・編集ができます
  • 記事を読んだ感想やメモを書き残せます
  • 非公開でブックマークすることもできます
適切な情報に変更

エントリーの編集

loading...

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。

タイトルガイドライン

このページのオーナーなので以下のアクションを実行できます

タイトル、本文などの情報を
再取得することができます
コメントを非表示にできますコメント表示の設定

ブックマークしました

ここにツイート内容が記載されますhttps://b.hatena.ne.jp/URLはspanで囲んでください

Twitterで共有

ONにすると、次回以降このダイアログを飛ばしてTwitterに遷移します

898usersがブックマークコメント69

    ガイドラインをご確認の上、良識あるコメントにご協力ください

    0/0
    入力したタグを追加

    現在プライベートモードです設定を変更する

    おすすめタグタグについて

      よく使うタグ

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

        ガイドラインをご確認の上、良識あるコメントにご協力ください

        0/0
        入力したタグを追加

        現在プライベートモードです設定を変更する

        おすすめタグタグについて

          よく使うタグ

            はてなブックマーク

            はてなブックマークで
            関心をシェアしよう

            みんなの興味と感想が集まることで
            新しい発見や、深堀りがもっと楽しく

            ユーザー登録

            アカウントをお持ちの方はログインページ

            記事へのコメント69

            • 注目コメント
            • 新着コメント
            fumix-hat
            cssセレクタの書き方を工夫してjQueryを速くする。早速実践してみる。

            その他
            i101330
            jQuery高速化1CSSセレクタ書き方

              その他
              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
                      高速化のTips

                      その他
                      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のソースコード見直し用にメモ

                          その他

                          注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

                          リンクを埋め込む

                          以下のコードをコピーしてサイトに埋め込むことができます

                          プレビュー
                          アプリのスクリーンショット
                          いまの話題をアプリでチェック!
                          • バナー広告なし
                          • ミュート機能あり
                          • ダークモード搭載
                          アプリをダウンロード

                          関連記事

                            usersに達しました!

                            さんが1番目にブックマークした記事「jQuery を高速に使...」が注目されています。

                            気持ちをシェアしよう

                            ツイートする

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

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

                            ブックマークしたユーザー

                            • i1013302015/08/06i101330
                            • namihei3142012/08/27namihei314
                            • kirte2012/08/20kirte
                            • kool_kreate2012/08/07kool_kreate
                            • puzzeljp2012/08/04puzzeljp
                            • ak82012/08/03ak8
                            • daifuk2012/07/31daifuk
                            • higa02082012/07/21higa0208
                            • cube11922012/07/17cube1192
                            • kyouryukun2012/07/14kyouryukun
                            • norip442012/07/12norip44
                            • topman31daasuu2012/07/05topman31daasuu
                            • kameware2012/06/08kameware
                            • qpchan2012/06/06qpchan
                            • edo12012/06/05edo1
                            • chlono2012/05/14chlono
                            • teruoks2012/05/06teruoks
                            • labeneko2012/04/24labeneko
                            すべてのユーザーの
                            詳細を表示します

                            ブックマークしたすべてのユーザー

                            同じサイトの新着

                            同じサイトの新着をもっと読む

                            いま人気の記事

                            いま人気の記事をもっと読む

                            いま人気の記事 - 暮らし

                            いま人気の記事 - 暮らしをもっと読む

                            新着記事 - 暮らし

                            新着記事 - 暮らしをもっと読む

                            同時期にブックマークされた記事

                            いま人気の記事 - 企業メディア

                            企業メディアをもっと読む

                            はてなブックマーク

                            公式Twitter

                            はてなのサービス

                            • App Storeからダウンロード
                            • Google Playで手に入れよう
                            Copyright © 2005-2025Hatena. All Rights Reserved.
                            設定を変更しましたx

                            [8]ページ先頭

                            ©2009-2025 Movatter.jp