Movatterモバイル変換

[0]ホーム
URL:

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

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

アプリで開く

はてなブックマーク

  • はてなブックマーク
  • 暮らし
  • jQueryのCSSセレクタAPIを高速に扱う方法 - KAYAC Engineers' Blog
  • Twitterでシェア
  • Facebookでシェア

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

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

エントリーの編集

loading...

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

タイトルガイドライン

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

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

ブックマークしました

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

Twitterで共有

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

402usersがブックマークコメント46

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

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

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

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

      よく使うタグ

        jQueryのCSSセレクタAPIを高速に扱う方法 - KAYAC Engineers' Blog

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

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

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

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

          よく使うタグ

            はてなブックマーク

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

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

            ユーザー登録

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

            記事へのコメント46件

            • 注目コメント
            • 新着コメント
            teramako
            自分でDOM API叩く方が好きであることを再確認した（ぉ

            その他
            ago_kyo
            久々のtech.kayac.com

            その他
            Ehren
            キャー@kyo_ago サーン

            その他
            lazex
            cssセレクタは基本ブラウザのAPIを使って非対応のはSizzle使う

            その他
            d_animal141
            jQueryのCSSセレクタAPIを高速に扱う方法

            その他
            uca_co
            速度のはなし

            その他
            iuhya
            あとで

            その他
            misomakura
            "querySelectorAll" これ大事

            その他
            AmaiSaeta
            文中でも言及されてるけど、実際には可読性とのトレードオフになるんだろうなー。

            その他
            mattn
            div#hogeはしょぼいミスだし、div.hogeしたい場合ってだいたいdiv以外にも.hogeされてる場合じゃないかな。

              その他
              y-imaya
              jQueryのCSSセレクタ解説

              その他
              an-ironic-man
              セレクタの指定の仕方で速度が変わる。#hogeなどは高速。一気にセレクタを書かずfindやfilterで絞り込むと低速なAPI使用を少なくできる

              その他
              tomiyanx
              意識して使いたいですな

                その他
                u1tnk
                地道だけど意識しよう。

                  その他
                  mattarin
                  リファクタリングの参考にした。

                  その他
                  site159
                  セレクタとクエリセレクタ

                  その他
                  ko-ya-ma
                  なんとなくこうじゃないかな、と思っていた点。具体的でわかりやすくて参考になる。

                  その他
                  mikage014
                  複雑なCSSセレクタはID、class指定（高速）とjQueryが独自にサポートするセレクタ（低速）に分割すると速くなる

                  その他
                  hirorock
                  jQueryのセレクタを高速化するTips これは勉強になりました。可読性とスピードのバランスを見て、うまく使い分けが出来るようにしよーっと

                  その他
                  tmf16
                  getElementsByClassNameが昔からIEに実装されていればprototype.jsやjQueryはなかったかもなー

                  その他
                  efcl
                  jQueryのCSSセレクタ解釈について

                  その他
                  naga_sawa
                  jQuery内蔵のセレクタエンジンSizzleで処理されると重いので、ID指定やクラス指定の高速セレクタで抽出したものからfind, filterする

                  その他
                  suginoy
                  「querySelectorAllではエラーになるけど、jQuery()に渡すと結果が返ってくる」CSSセレクタはSizzleで解釈されていると判断できます」

                  その他
                  int128
                  CSSセレクタの最適化は気になってたから興味深い

                    その他
                    astap
                    jquery selector

                      その他
                      takeodon
                      ふむふむ、こうなってたのか

                        その他
                        cms-kekato
                        参考になる。

                          その他
                          youg0717
                          参考になりそう。 / jQueryのCSSセレクタAPIを高速に扱う方法 |http://t.co/KUoNjsef - KAYAC engineers' blog

                            その他
                            dekatotoro
                            jQueryのCSSセレクタAPIを高速に扱う方法

                              その他
                              fabled
                              ほほー

                                その他
                                tomo_thumb
                                わかりやすい。ID指定：高速。querySelectorAll：中速。jQueryカスタムセレクタ：低速。document.querySelectorAll("--");でチェック。

                                その他
                                TsutomuOnoda
                                jQueryのCSSセレクタAPIを高速に扱う方法

                                  その他
                                  Ehren
                                  Ehrenキャー@kyo_ago サーン

                                  2011/12/01リンク

                                  その他

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

                                  リンクを埋め込む

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

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

                                  関連記事

                                    usersに達しました！

                                    さんが1番目にブックマークした記事「jQueryのCSSセレク...」が注目されています。

                                    気持ちをシェアしよう

                                    ツイートする

                                    jQueryのCSSセレクタAPIを高速に扱う方法 - KAYAC Engineers' Blog

                                    最近Androidとの抗争が激化しているago（@kyo_ago）です。 jQueryはCSSセレクタを多用する特徴がありま...最近Androidとの抗争が激化しているago（@kyo_ago）です。 jQueryはCSSセレクタを多用する特徴がありますが、jQuery内では実行ブラウザやCSSセレクタの記述によって呼び出されるブラウザAPIが変わり、それによって実行速度にも影響が出ます。 この記事では「セレクタAPIとはなにか」、「CSSセレクタの記述によって呼び出されるセレクタAPIの種類」、「高速なセレクタAPIを使用するための方法」、「高速なセレクタAPIが使われるかどうか確認する方法」などを紹介したいと思います。 （※この記事はJavaScript Advent Calendar 2011 (フレームワークコース) :ATNDの1日目の記事です） セレクタAPIとはなにか セレクタAPIとは「#hoge .huga」のようなCSSセレクタから、DOM上に存在する要素を取得するためのAPIです。 jQue

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

                                    • mzkzzz2015/06/02mzkzzz
                                    • riyokotter2014/01/27riyokotter
                                    • lazex2014/01/17lazex
                                    • d_animal1412013/09/11d_animal141
                                    • uca_co2013/08/14uca_co
                                    • caquu2013/08/10caquu
                                    • tajima_taso2013/05/31tajima_taso
                                    • benzina2013/05/22benzina
                                    • koshunaz2013/05/03koshunaz
                                    • kkabetani2013/04/03kkabetani
                                    • kazhr2013/04/03kazhr
                                    • d-_-k2013/03/16d-_-k
                                    • thanks2music2013/02/04thanks2music
                                    • draff2012/12/13draff
                                    • hico2172012/11/20hico217
                                    • emonkak2012/10/27emonkak
                                    • grapswiz2012/09/18grapswiz
                                    • ms09242012/08/12ms0924
                                    すべてのユーザーの
                                    詳細を表示します

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

                                    同じサイトの新着

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

                                    いま人気の記事

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

                                    いま人気の記事 - 暮らし

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

                                    新着記事 - 暮らし

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

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

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

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

                                    はてなブックマーク

                                    公式Twitter

                                    はてなのサービス

                                    • App Storeからダウンロード
                                    • Google Playで手に入れよう
                                    Copyright © 2005-2025Hatena. All Rights Reserved.
                                    設定を変更しましたx
                                    [8]ページ先頭
                                    ©2009-2025 Movatter.jp