jquary 選擇器複習

2021-06-07 03:46:03 字數 1696 閱讀 2785

jquery重點複習---選擇器

1、選擇器作用?---選擇jquery要操作的物件

基本#id      $("#box")

element  $("li")

.class   $(".blue")

*        $("#box *")

selector1,selector2,selectorn $("#box *,li,.blue")

層級  ---根據元素之間的層次關係

ancestor descendant   後代選擇器,選擇,祖先的所有後代(子子孫孫都選擇)

parent > child        子選擇器,只選擇子級

prev + next           緊鄰選擇器,只選擇緊接的兄弟元素  next()

prev ~ siblings       後面兄弟選擇器                    nextall()

選擇前後兄弟-----siblings()

基本---過濾

:first ---第乙個(只有)

:last     最後乙個

:not(selector)   非匹配

:even       偶數  從0 開始

:odd        奇數

:eq(index)  按index索引值來選擇,從0 開始

:gt(index)  大於index

:lt(index)  小於index

:header      h1~h6

:animated   所有正在執行的動畫

內容:contains(text)   包含文字內容

:empty               空的元素,沒有文字內容與子元素

:has(selector)    包含有指定的子元素

:parent           含有子元素

可見性:hidden  選擇隱藏

:visible

屬性[attribute]        含有指定屬性名稱的元素

[attribute=value]   屬性值等於指定的值

[attribute!=value]  值不等

[attribute^=value]  值是以什麼開頭

[attribute$=value]  值是以什麼結尾

[attribute*=value]  值包含什麼的

[attrsel1][attrsel2][attrseln]  多個條件

子元素:nth-child  根據索引來選擇相應子元素

:first-child  所有匹配元素的第乙個子元素

:last-child   最後乙個

:only-child   只含有乙個

表單:input

:text

:password

:radio

:checkbox

:submit

:image

:reset

:button

:file

:hidden

表單物件屬性

:enabled

:disabled

:checked

:selected

二、展開選單----思路是根據,選單的當前顯示與隱藏狀態

html標籤

----元素

內容---文字

內容---屬性

jquary 選擇器大全

jquery radio取值,checkbox取值,select取值,radio選中,checkbox選中,select選中,及其相關 獲 取一組radio被選中項的值 var item input name items checked val 獲 取select被選中項的文字 var item s...

對jQuary選擇器的全面總結

jquary基礎選擇器 div 獲取div下面的所有元素 red,green html程式設計客棧 怎麼 需要注意的是要把兩個選擇前寫在同乙個引號內 需要同時選擇多個選擇器的時候用mpicuzprd ance desc ancestor祖先選擇器 descendant子孫選擇器 parent chi...

jquary 選擇器,dom操作知識點

選擇器 1.基本選擇器 1.標籤選擇器 元素選擇器 語法 html標籤名 獲得所有匹配標籤名稱的元素 2.id選擇器 語法 id的屬性值 獲得與指定id屬性值匹配的元素 3.類選擇器 語法 class的屬性值 獲得與指定的class屬性值匹配的元素 4.並集選擇器 語法 選擇器1,選擇器2.獲取多個...