Jquery各種選擇器及作用

2022-05-20 19:18:40 字數 2021 閱讀 1682

過濾選擇器:

:first

:last

:not(selector)

:even

:odd

:eq(index)

:gt(index)

:lt(index)

:header

:animated

:focus

內容過濾選擇器

:contains(text)

:empty

:has(selector)  $("div:has(p)")

:parent

可見性過濾選擇器

:hidden   $("div:hidden")   不僅包括樣式屬性display為none,也包括,visibility:hidden

:visible $("div:visible")  

屬性過濾選擇器

$("div[id]")選擇擁有屬性id的元素

$("div[title=test]")選擇屬性title為test的div元素

$("div[title!=test]") 選擇屬性title不為test的div元素

$("div[title^=test]")選擇屬性title以test開始的div元素

$("div[title$=test]")選擇屬性title以test結束的div元素

$("div[title*=test]")選擇屬性title含有test的div元素

$("div[title|="en"]")選擇屬性title等於en或者以en為字首(該字串後跟乙個連字元「-」)的元素

$("div[title-="uk"]")選擇屬性title用空格分隔的值中包含字元uk的值

$("div[id][title$='test']")選擇擁有屬性id,並且屬性title以test結束的div元素

子元素過濾選擇器

:nth-child(index/even/odd/equation) 選取每個父元素下的第index個子元素或者奇偶元素,:eq(index)只匹配乙個元素,而:nth-child將為每個父元素匹配子元素.:nth-child(index)是從1開始的,:eq(index)是從0開始的

:nth-child(even)選擇每個父元素下索引值是偶數的元素

:nth-child(odd)選擇。。。奇數的元素

:nth-child(2)選擇每個父元素下索引值為2的元素

:nth-child(3n)選擇每個父元素下的索引值是3的倍數的元素

:nth-child(3n+1)

:first-child選取每個父元素的第乙個子元素

:last-child選取每個父元素的最後乙個子元素

:only-child如果某個元素是他父元素的唯一的子元素,將被匹配。如果含有其他子元素,則不被匹配

表單物件屬性過濾器

:enabled選取所有可用元素   $("#form1:enabled")

:disabled選取所有不可用元素 $("#form2:disabled")

:checked選取所有被選中的元素(單選框,核取方塊) $("#inputl:checked")

:selected選取所有被選中的選項元素(下拉列表) $("select option:selected")

表單選擇器:

:input  $(":input")選取所有元素

:text $(":text") 選取所有的單行文字框 

:password $(":password") 選取所有的密碼框

:radio  $(":radio")選取所有的單選框

:checkbox $(":checkbox") 選取所有的多選框

:submit $(":submit") 選取所有的提交按鈕

:image $(":image") 選取所有的按鈕

:reset $(":reset") 選取所有的重置按鈕

:button $(":button")選取所有的按鈕

:file $(":file")選取所有的上傳域

:hidden $(":hidden")選取所有的不可見元素

JQuery各種選擇器

1 類選擇器 通過 id名 獲取該標籤 定義乙個標籤,id屬性賦值 pid 載入事件 p 通過id獲取該標籤 pid click function 2 類選擇器 通過.class名 獲取該標籤 定義乙個標籤,class屬性賦值 pid 載入事件 p 通過class獲取該標籤 pid click fu...

jQuery 的各種選擇器

this 當前元素 p 所有元素 input 所有input元素 intro 所有 class intro 的元素 p.intro 所有 class intro 的元素 intro id intro 的第乙個元素 ul li ul下的所有li節點 ul li first 每個 的第乙個 元素 hre...

認識jQuery及jQuery選擇器

var domobj document.getelementbyid id dom物件 var obj id jquery物件在jquery物件中無法使用dom物件 jquery物件轉化成dom物件 jquery物件是類似陣列的物件,兩種轉換方法 index 和get index var obj i...