jqueryにはどのような属性セレクターがありますか?-jsチュートリアル-php.cn

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

王林

リリース： 2020-11-18 09:54:31

オリジナル

3633 人が閲覧しました

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
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') セレクターがドロップダウンボックスで選択されている場合、選択ドロップダウンリストで選択されているオプションセレクターのみを取得できます。