ホームページ >ウェブフロントエンド >jsチュートリアル >jqueryにはどのような属性セレクターがありますか?

jqueryにはどのような属性セレクターがありますか?

王林
王林オリジナル
2020-11-18 09:54:313862ブラウズ

jquery の属性セレクターは次のとおりです: 1. ID セレクター; 2. CSS セレクター; 3. ラベル セレクター; 4. 階層セレクター; 5. フィルター セレクター; 6. 属性セレクター; 7. 子要素セレクター; 8 . フォームセレクター。

jqueryにはどのような属性セレクターがありますか?

$() シンボルを jQuery のセレクターとして使用すると、作業効率が大幅に向上します。

(学習ビデオ共有: javascript ビデオ チュートリアル)

一般的に使用される属性セレクターには次のものがあります:

  • 1) $ ('#id') idセレクター

  • ##2) $('.class') cssセレクター、クラスクラス名

  • 3) $( 'element') タグ セレクター (p、h1、div

  • ##4) $('*') すべての HTML タグを選択できる完全なセレクター (影響あり) 範囲が広い場合に便利)
  • 5) $('sele1,sele2') 異なる要素から同じ効果を持つ複数のセレクターを区切るには、「,」カンマを使用します
  • 6) $('div p') 階層セレクター、一般的に使用されるセレクター、div の下の p タグなど
  • 7) $(' div>p') は前のものと似ていますlevel セレクターですが、div の下に子要素があり、子要素の下に孫要素があります。このセレクターは子要素のみを選択できます
  • 8) $('div p') This selector は、div が次のセレクターに隣接していることを示すために使用されることはほとんどありません (同じレベルの要素であり、互いに近い必要があります)
  • #9) $(' div~p ') div の先頭からステージの最後にあるすべての p タグまでの同じステージ内の要素が選択されます。ただし、下位の要素は p 個のサブ要素を除きます。
  • 10) $ ( 'div:first') フィルター セレクター、:first は次を使用します: 選択された最初の div 要素である親要素に接続します;
  • 11) $('div:last' )フィルター セレクター;:last メソッドは上記と同じですが、最後の div 要素を選択します;
  • 12) $('li:eq(1)') このセレクターはフィルター選択デバイスでもあります。 ':eq()' を使用して接続します。括弧内に 0 から始まる番号を入力して選択します。0 は最初の位置を表します;
  • 13) $('li:contains(" text" )') このセレクターは、たとえば、li 内の text 内のすべてのテキスト要素 (li の下にある text のサブ要素を含む) を選択できます。text は必要なキーワードにすることができます。('text') は必要があります。変数ではなく文字列であるため、追加するか二重引用符で囲みます。
  • 14) $('li:has("p")') このセレクターは、階層セレクターであり、li も選択されます。 以下の p タグはすべて継承できます。
  • 15) $('div:hidden') :hiddenこのセレクターは、一部の display:none;hidden selectors# を選択できます。
  • ##16) $('span:visible') :hiddenとは逆に、すべてのspanタグが選択されますが、display:noneのspan属性は選択されません

  • #17) $('li[title=book]') 属性セレクター、属性 title=book を持つ li 内の要素を選択します;

  • 18) $ ('li[title !=book]') 前とは反対に、li のタイトルが book ではない、等しくない要素を選択します;

  • 19) $('li[ title*=k]') 属性セレクター。li;

  • 20) $('li:first-child') 子要素フィルターのすべてのタイトルで単語 k を持つすべての要素を選択します。 ;:first フィルター デバイスは、コレクションではなく、指定された親要素の最初の子要素を取得できます。これは li の下の最初の子要素だけであり、li の下のすべての子要素ではありません。そして、first-child は最初の子要素を取得します各親要素によって返される;

  • 21) $('li:last-child') 上記のフィルター セレクターと同様に、last:child は各親要素によって返される最後の子要素を取得します。 ;

  • 22) $('form :input') フォーム セレクターには、input、select、ボタン、テキストエリア、

  • 23) $ が含まれます。 (' form :text') フォーム テキスト セレクター、このセレクターには タイプ選択のみが含まれます

  • 24) $('form :password')フォームのパスワード セレクターには、入力に type='password' タイプのみが含まれます。

  • 25) $('form :radio') ラジオ ボタン セレクターにも、type='radio のみが含まれます。 ' 入力を入力、26) $('form:checkbox') チェックボックス セレクター、また type='checkbox' のみが含まれます input に入力

  • 27 ) $('form :submit' ) 送信ボタン セレクター (input type="submit" およびボタン タイプを含む)

  • 28) $('form :image') 画像フィールド セレクター。入力内の src のみが取得できます。効果。 img src がフォームに追加されても影響を受けません

  • 29) $('form :button') フォーム ボタン セレクター。type='button' と < button> が含まれます;valid

  • 30) $('form :checked') 選択ボックスのラジオを使用して状態セレクターを選択すると、チェックボックスが選択されます;

  • 31) $('form :selected') セレクターがドロップダウン ボックスで選択されている場合、選択ドロップダウン リストで選択されているオプション セレクターのみを取得できます。

関連する推奨事項: js チュートリアル

以上がjqueryにはどのような属性セレクターがありますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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