第3節セレクタ
2167 ワード
一.基本
1.#id例:$('#id')
2.element例:$(‘div’)
3..class例:$('.myclass')
4.*すべての要素の一致例:$('*')
5.select 1、select 2の組み合わせ(各セレクタが一致する要素を結合した後、一緒に返します.)例:$(‘div,span,myclass’)
二.レベル
1.ancestor descendantは、与えられた祖先要素の下ですべての子孫要素の例を一致させる:$(‘form input’)2.parent>childは、与えられた親要素の下ですべてのサブ要素の例を一致させる:$(‘form>input’).prev+nextは、prev要素の直後にあるすべてのnext要素の例:$(「label+input」)4.prev~siblingsがprev要素に一致した後のすべてのsiblings要素の例:$(「form~input」)
三.基本フィルタ
1.:firstは最初の要素を取得します.2.Lastは最後の要素3を取得します.notこの要素を除いて4.eqは、いくつかの要素5を取得する.lt(index)は、所与のインデックス値より小さいすべての要素6に一致する.gt(index)は、所与のインデックス値より大きいすべての要素7に一致する.evenはすべてのインデックス値が偶数の要素に一致し、0からカウント8.oddはすべてのインデックス値が奇数の要素に一致し、0からカウントを開始する
四.内容
1.:has(selector)セレクタで一致する要素を含む要素を一致させる例:$(‘div:has(p)’)pラベルを含むdiv要素を見つける2.:Empty()は、サブ要素またはテキストを含まないすべての空の要素を一致させる3.parent=not empty()は、サブエレメントまたはテキストを含むエレメントに一致します.
五.サブエレメント
1.:first-childは、与えられたセレクタ(:前のセレクタ)の最初のサブエレメントと類似しています.firstは最初のエレメントに一致しますが、first-childセレクタは、複数の親エレメントごとに最初のサブエレメントに一致します.これはnth-child(1)に相当する
2.:last-childは最後のサブエレメントに一致します.lastは最後のエレメントにのみ一致します.このセレクタは、親エレメントごとに最後のサブエレメントに一致します.
3.:nth-childは、親エレメントの下にあるN番目のサブエレメントまたはパリティエレメントに一致します.eq(index)は、セレクタが指定したシーケンスのエレメントに一致します.これは、各親エレメントにサブエレメントが一致します.
4.:only-child親要素の中で唯一の子要素である場合、親要素に他の要素が含まれている場合、一致しません.(注意:ここの他の要素には、次のようなテキストノードは含まれていません.
一致可能)
六.フォーム＃フォーム＃
1.:inputはすべてのinput、textarea、select、button要素に一致します.2.textはすべての単行テキストボックス3に一致します.passwordはすべてのパスワードボックス4に一致します.radioはすべてのラジオボタン5に一致する.checkboxはすべてのチェックボックス6に一致します.submitはすべてのコミットボタン7に一致する.イメージはすべての画像領域8に一致する.resetは、すべてのリセットボタン9に一致する.buttonはすべてのボタン10に一致します.fileはすべてのファイルドメインに一致します
七.フォーム・オブジェクトのプロパティ
1.enabledは使用可能なすべての要素に一致します.2.disabledは使用できないすべての要素に一致します3.checkedは、選択されたすべての選択された要素(チェックボックス、ラジオボックスなど、select内のoption)に一致し、select要素の場合、選択推奨の使用を取得します:selected 4.selectedは、選択したすべてのoption要素に一致します.
1.#id例:$('#id')
2.element例:$(‘div’)
3..class例:$('.myclass')
4.*すべての要素の一致例:$('*')
5.select 1、select 2の組み合わせ(各セレクタが一致する要素を結合した後、一緒に返します.)例:$(‘div,span,myclass’)
二.レベル
1.ancestor descendantは、与えられた祖先要素の下ですべての子孫要素の例を一致させる:$(‘form input’)2.parent>childは、与えられた親要素の下ですべてのサブ要素の例を一致させる:$(‘form>input’).prev+nextは、prev要素の直後にあるすべてのnext要素の例:$(「label+input」)4.prev~siblingsがprev要素に一致した後のすべてのsiblings要素の例:$(「form~input」)
三.基本フィルタ
1.:firstは最初の要素を取得します.2.Lastは最後の要素3を取得します.notこの要素を除いて4.eqは、いくつかの要素5を取得する.lt(index)は、所与のインデックス値より小さいすべての要素6に一致する.gt(index)は、所与のインデックス値より大きいすべての要素7に一致する.evenはすべてのインデックス値が偶数の要素に一致し、0からカウント8.oddはすべてのインデックス値が奇数の要素に一致し、0からカウントを開始する
四.内容
1.:has(selector)セレクタで一致する要素を含む要素を一致させる例:$(‘div:has(p)’)pラベルを含むdiv要素を見つける2.:Empty()は、サブ要素またはテキストを含まないすべての空の要素を一致させる3.parent=not empty()は、サブエレメントまたはテキストを含むエレメントに一致します.
五.サブエレメント
1.:first-childは、与えられたセレクタ(:前のセレクタ)の最初のサブエレメントと類似しています.firstは最初のエレメントに一致しますが、first-childセレクタは、複数の親エレメントごとに最初のサブエレメントに一致します.これはnth-child(1)に相当する
2.:last-childは最後のサブエレメントに一致します.lastは最後のエレメントにのみ一致します.このセレクタは、親エレメントごとに最後のサブエレメントに一致します.
3.:nth-childは、親エレメントの下にあるN番目のサブエレメントまたはパリティエレメントに一致します.eq(index)は、セレクタが指定したシーケンスのエレメントに一致します.これは、各親エレメントにサブエレメントが一致します.
4.:only-child親要素の中で唯一の子要素である場合、親要素に他の要素が含まれている場合、一致しません.(注意:ここの他の要素には、次のようなテキストノードは含まれていません.
<p><img/> p>， $('p img:only-child') 一致可能)
六.フォーム＃フォーム＃
1.:inputはすべてのinput、textarea、select、button要素に一致します.2.textはすべての単行テキストボックス3に一致します.passwordはすべてのパスワードボックス4に一致します.radioはすべてのラジオボタン5に一致する.checkboxはすべてのチェックボックス6に一致します.submitはすべてのコミットボタン7に一致する.イメージはすべての画像領域8に一致する.resetは、すべてのリセットボタン9に一致する.buttonはすべてのボタン10に一致します.fileはすべてのファイルドメインに一致します
七.フォーム・オブジェクトのプロパティ
1.enabledは使用可能なすべての要素に一致します.2.disabledは使用できないすべての要素に一致します3.checkedは、選択されたすべての選択された要素(チェックボックス、ラジオボックスなど、select内のoption)に一致し、select要素の場合、選択推奨の使用を取得します:selected 4.selectedは、選択したすべてのoption要素に一致します.