JQuery 選擇 過濾器

2021-08-25 10:08:52 字數 2564 閱讀 8631

$(」#myelement」) —— 選擇id值等於myelement的元素,id值不能重複在文件中只能有乙個id值是myelement所以得到的是唯一的元素

$(」div」) —— 選擇所有的div標籤元素,返回div元素陣列

$(」.myclass」) —— 選擇使用myclass類的css的所有元素

$(」*」) —— 選擇文件中的所有的元素,以運用多種的選擇方式進行聯合選擇:例如$(」#myelement,div,.myclass」)

層疊選擇器:

$(」form input」) —— 選擇所有的form元素中的input元素

$(」#main > *」) —— 選擇id值為main的所有的子元素

$(」label + input」) —— 選擇器返回的是label標籤後面直接跟乙個input標籤的所有input標籤元素

$(」#prev ~ div」) —— 該選擇器返回的為id為prev的標籤元素的所有的屬於同乙個父元素的div標籤

基本過濾選擇器:

$(」tr:first」) —— 選擇所有tr元素的第乙個

$(」tr:last」) —— 選擇所有tr元素的最後乙個

$(」tr:even」) —— 選擇所有的tr元素的第0,2,4… …個元素

$(」tr:odd」) —— 選擇所有的tr元素的第1,3,5… …個元素

$(」td:eq(2)」) —— 選擇所有的td元素中序號為2的那個td元素

$(」td:gt(4)」) —— 選擇td元素中序號大於4的所有td元素

$(」td:ll(4)」) —— 選擇td元素中序號小於4的所有的td元素

內容過濾選擇器:

$(」div:contains(』john』)」) —— 選擇所有div中含有john文字的元素

$(」td:empty」) —— 選擇所有的為空(也不包括文字節點)的td元素的陣列

$(」div:has(p)」) —— 選擇所有含有p標籤的div元素

$(」td:parent」) —— 選擇所有的以td為父節點的元素陣列

視覺化過濾選擇器:

$(」div:hidden」) —— 選擇所有的被hidden的div元素

$(」div:visible」) —— 選擇所有的視覺化的div元素

屬性過濾選擇器:

$(」div[id]「) —— 選擇所有含有id屬性的div元素

$(」input[name='newsletter']「) —— 選擇所有的name屬性等於』newsletter』的input元素

$(」input[name!='newsletter']「) —— 選擇所有的name屬性不等於』newsletter』的input元素

$(」input[name^='news']「) —— 選擇所有的name屬性以』news』開頭的input元素

$(」input[name$='news']「) —— 選擇所有的name屬性以』news』結尾的input元素

$(」input[name*='man']「) —— 選擇所有的name屬性包含』news』的input元素

$(」input[id][name$='man']「) —— 可以使用多個屬性進行聯合選擇,該選擇器是得到所有的含有id屬性並且那麼屬性以man結尾的元素

子元素過濾選擇器:

$(」div span:first-child」) —— 返回所有的div元素的第乙個子節點的陣列

$(」div span:last-child」) —— 返回所有的div元素的最後乙個節點的陣列

$(」div button:only-child」) —— 返回所有的div中只有唯一乙個子節點的所有子節點的陣列

表單元素選擇器:

$(」:input」) —— 選擇所有的表單輸入元素,包括input, textarea, select 和 button

$(」:text」) —— 選擇所有的text input元素

$(」:password」) —— 選擇所有的password input元素

$(」:radio」) —— 選擇所有的radio input元素

$(」:checkbox」) —— 選擇所有的checkbox input元素

$(」:submit」) —— 選擇所有的submit input元素

$(」:image」) —— 選擇所有的image input元素

$(」:reset」) —— 選擇所有的reset input元素

$(」:button」) —— 選擇所有的button input元素

$(」:file」) —— 選擇所有的file input元素

$(」:hidden」) —— 選擇所有型別為hidden的input元素或表單的隱藏域

表單元素過濾選擇器:

$(」:enabled」) —— 選擇所有的可操作的表單元素

$(」:disabled」) —— 選擇所有的不可操作的表單元素

$(」:checked」) —— 選擇所有的被checked的表單元素

$(」select option:selected」) —— 選擇所有的select 的子元素中被selected的元素

JQuery選擇過濾器

jquery選擇器 選擇器與選擇器之間要加空格,選擇器與過濾器之間不需要加空格。1.基本選擇器 1 id id選擇器 2 element 標籤選擇器 3 class 類選擇器 4 選擇所有元素 5 selector1,selector2 多條件選擇器 例如 div,span,myclass 表示選擇...

jQuery選擇器 過濾器

jquery選擇器 選擇器與選擇器之間要加空格,選擇器與過濾器之間不需要加空格。1.基本選擇器 1 id id選擇器 2 element 標籤選擇器 3 class 類選擇器 4 選擇所有元素 5 selector1,selector2 多條件選擇器 例如 div,span,myclass 表示選擇...

jQuery選擇器過濾器

id 根據給定的id匹配元素 test 選取id為test的元素 class 根據類名匹配元素 test 選取所有class為test的元素 elemet 根據給定的元素名匹配元素 p 選取所有的p元素 匹配所有元素 選取所有的元素 seceltor1,seceltor2.將每乙個選擇器匹配到的元素...