jQuery基礎 選擇器

2021-08-09 04:40:12 字數 2826 閱讀 4574

選擇器

功能返回值

#idid選擇器

單個元素

element

元素選擇器

元素集合

.class

類選擇器

元素集合

*匹配所有元素

元素集合

selector1,selector2

將每乙個選擇器匹配到的元素合併後一起返回

元素集合

選擇器功能

返回值ancestor descendant

根據祖先元素匹配所有後代元素

元素集合

parent > child

匹配子元素

元素集合

parent + next

匹配下乙個兄弟元素

元素集合(parent可有多個

prev ~ siblings

匹配prev之後的所有兄弟元素

元素集合

注:siblings()方法與選擇器prev~siblings的區別

選擇器功能

返回值first() 或 : first

獲取第乙個元素

單個元素

last() 或 : last

最後乙個

單個元素

:even

索引值為偶數的元素,索引號從0開始

元素集合

:odd

奇數元素集合

:gt(index)

大於索引值的元素,索引號從0開始

元素集合

:lt(index)

小於元素集合

:not(selector)

除給定選擇器外的所有元素

元素集合

:eq(index)

指定索引值的元素

單個元素

:header

所有標題型別的元素,h1,h2….

元素集合

:animated

獲取正在執行動畫效果的元素

元素集合

注:選擇器animated在捕捉動畫效果元素時,先自定義乙個動畫效果函式animateit(),然後執行該函式,選擇器才能獲取動畫效果元素,並addclass

選擇器功能

返回值:contains(text)

包含給定文字的元素

元素集合

:empty

所有不包含子元素或文字的元素

元素集合

:has(selector)

含有選擇器所匹配的元素

元素集合

:parent

含有子元素或文字的元素

元素集合

選擇器功能

返回值:hidden

所有不可見元素,或type為hidden的元素

元素集合

:visible

所有可見元素

元素集合

注: :hidden選擇器所選擇的包括樣式為display:none所有元素、屬性type=「hidden」和樣式為visibility:hidden的所有元素。

選擇器功能

返回值[attribute]

包含給定屬性的元素

元素集合

[attribute =value]

等於給定屬性是某個特定值

元素集合

[attribute !=value]

不等於元素集合

[attribute ^=value]

以某些值開始

元素集合

[attribute$ =value]

以某些值結尾

元素集合

[attribute *=value]

包含某些值

元素集合

[selector1][selector1]

滿足多個條件的符合屬性的元素

元素集合

選擇器功能

返回值:nth-child(eq|even|odd|index)

獲取每個父元素下的特地位置元素,索引號從1開始c元素集合

:first-child

每個父元素下的第乙個子元素

元素集合

:last-child

最後乙個子元素

元素集合

:only-child

獲取每個父元素下的僅有乙個子元素

元素集合

選擇器功能

返回值:enable

獲取表單中所有屬性為可用的元素

元素集合

:disable

不可用元素集合

:checked

表單中所有被選中的元素

元素集合

:selected

表單中所有被選中option的元素

元素集合

選擇器功能

返回值:input

獲取所有input、textarea、select

元素集合

:text

所有單行文字框

元素集合

:password

所有密碼框

元素集合

:radio

單選按鈕

元素集合

:checkbox

核取方塊元素集合

:submit

提交按鈕

元素集合

:image

影象域元素集合

:reset

重置按鈕

元素集合

:bottom

所有按鈕

元素集合

:file

檔案域元素集合

因為每次都開啟wiz找,就乾脆都放到部落格裡來了。

Jquery 基礎 選擇器。

jquery選擇器繼承了css與path語言的部分語法,允許通過標籤,屬性名或者內容對dom元素進行快速,準確的選擇,而不必擔心瀏覽器的相容性。通過 selector 得到的物件,因為無論是對事件的處理 遍歷dom ajax,本質上都是對物件的操作。一 jquery選擇器優勢 1.簡潔寫法 2.支援...

jQuery基礎 選擇器

1 id 返回值單個元素的組成的集合 myid 說明 就是選擇html中的id myid 2 element 返回值集合元素 div 說明 可以返回例如 div input a 等中的值 3 class 返回值 集合元素 myclass 說明 就是選擇html中的iclass myclass 4 所...

jquery基礎選擇器

基礎選擇器 all selector 描述 選擇所有元素 語法 注意 實踐證明,由於使用 選擇器獲取的是全部元素,因此有些瀏覽器會比較緩慢,這個選擇器要謹慎使用 class selector class 類選擇器 描述 選擇給定樣式類名的所有元素 語法 class element selector ...