jquery基本選擇器

2021-08-29 20:01:30 字數 2660 閱讀 7071

$("#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元素節點,經測試選擇器返回的是label標籤後面直接跟乙個input標籤的所有input標籤元素

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

基本過濾選擇器:

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

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

$("input:not(:checked) + span")

過濾掉:checked的選擇器的所有的input元素

$("tr:even") 選擇所有的tr元素的第0,2,4... ...個元素(注意:因為所選擇的多個元素時為陣列,所以序號是從0開始)

$("tr:odd") 選擇所有的tr元素的第1,3,5... ...個元素

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

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

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

$(":header")

$("div:animated")

內容過濾選擇器:

$("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結尾的元素

子元素過濾選擇器:

$("ul li:nth-child(2)"),$("ul li:nth-child(odd)"),$("ul li:nth-child(3n + 1)")

$("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作為我們常用前端工具之一,實際專案中常用的的選擇器有id選擇器 id 元素選擇器 element 樣式選擇器 class 概述 根據給定的id匹配乙個元素。使用任何的元字元 如 作為名稱的文字部分,它必須被兩個反斜槓轉義 引數 id,用於搜尋的,通過元素的 id 屬性中給定的值。示例 查...

jquery基本選擇器

1 選擇器 所有元素 2 id選擇器 title id title 的元素 3 class 選擇器 fade 所有 class fade 的元素 4 element 元素 選擇器 p 所有 元素 5 class.class 選擇器 fade.demo 所有 class fade 且 class de...

jQuery基本選擇器

id選擇器 id 描述 查詢id為 mydiv 的元素html id notme id notme div id mydiv id mydiv div jquery mydiv 結果 id mydiv id mydiv div 元素選擇器 element 描述 查詢乙個 div 元素html div...