ホームページ  >  記事  >  ウェブフロントエンド  >  JQuery、セレクター/フィルター/パフォーマンスの最適化

JQuery、セレクター/フィルター/パフォーマンスの最適化

炎欲天舞
炎欲天舞オリジナル
2017-08-04 14:50:101565ブラウズ
  1. ブラウザの紹介:

    1. jquery オブジェクトは配列のようなオブジェクトであり、配列のようなオブジェクトが手動で追加されない場合は、インデックスを通じてアクセスできます。の配列オブジェクトは利用できません。

    2. 配列の長さは要素を追加すると自動的に増加しますが、配列のような配列は増加しません。

    3. クラス配列はスライスメソッドを通じて配列に変換できます:


Array.prototype.slice.call(a);

  1. JQuery基本セレクター:

    1. IDセレクター

    2. クラス選択

    3. 子孫セレクター

    4. 属性セレクター

    5. a[href!="http://www.baidu.com"]、jqueryはBaiduと等しくないすべての要素を選択する新しいメソッドを追加しますURL 。

  1. JQueryフィルター/フィルター:

  • lang( language) : 指定された言語の要素を選択します

  • not(selector) : 指定された要素ではないすべての要素を選択します

  • ルート: 非表示の要素を選択します、不透明度は含まれません、非表示の要素は含まれません、位置を占めません 表示されない要素があります

  • visible ' ' ' ' ' ' ' ' ' ' ' ' ' s ' ' ' ' ' ' ' ' ' '-----: 「非表示」の反対

  • header : アニメーション効果を実行している要素をすべて選択します

  • : empty : コンテンツを選択 空の要素
  • : contains(text) : テキストをフィルタリングする要素を選択
  • : has(selector) : たとえば、p:has(span) を選択します
  • : parent : 親要素を選択します

  • :first-child
  • :last-child
  • first-of-type : 同じタイプの最初のものを選択します: li:first-of-type
  • last-of-type

  • nth-child() : 1から数えます

  • nth-last-child()

  • nth-of-type()

  • nth-last -of-type()

  • only-child

  • only-of-type

  • :checked : 選択したものを選択します
  • :disabled :
  • を無効にする場合にチェックします

    :有効: 無効になっているものを除いて、すべてを選択できます。 Select
  • :focus : 通常は直接使用せず、フォームがロードされるまで待ってから使用してください

  • :button : ボタンを選択するだけでなく、タイプも選択しますボタンの

  • :checkbox : 複数選択をすべて選択 Box

  • :file : ファイル入力ボックスを選択

  • :image : タイプが image である要素を選択

  • :input : すべてのフォームを選択要素

  • :password

  • :radio : ラジオボタンを選択します

  • :reset : 選択されたタイプがリセットされます、

  • :selected : 選択されたすべての状態を選択します

  • :submit : の選択したタイプは送信です。一部のブラウザではボタンも選択されます

  • 选: テキスト: テキストのタイプを選択すると、選択することもできます
  • : 最初

  • : 最後

  • : EVD

    : ODD
  • : EQ (n ) : n
  • と等しい:gt(n) : n
  • :lt(n) : n より小さい
  • 場所フィルター:

  • フォームフィルター

  • サブ要素フィルター

    コンテンツフィルター
  1. その他のフィルター
  2. カスタムセレクター

  1. JQueryセレクターのパフォーマンスの最適化:

    1. 過剰を避けるためにCSSで利用可能なセレクターを使用してみてください

    2. -制約

    3. ID から開始するのが最適です

    4. セレクターの右側にさらに多くの機能を配置します

    5. グローバル セレクターの使用を避ける

    6. セレクターの結果をキャッシュする

以上がJQuery、セレクター/フィルター/パフォーマンスの最適化の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。