jquery 選擇器的常見的用法

2021-07-05 21:29:20 字數 2841 閱讀 7341

最常用的選擇器:

#id, *,  .class

其中*為找到每乙個元素;

其他的選擇器:

:animated    

匹配所有正在執行動畫效果的元素,$("div:not(:animated)").animate(, 1000);

:not(selector) 

去除所有與給定選擇器匹配的元素,selector用於篩選的選擇器。

:button

匹配所有按鈕  ,$(":button")

:checkbox

匹配所有核取方塊,$(":checkbox")

:radio

匹配所有單選按鈕,$(":radio")

:reset

匹配所有重置按鈕,$(":reset")

:checked

匹配所有選中的被選中元素(核取方塊、單選框等,不包括select中的option),$("input:checked")

:selected

匹配所有選中的option元素,$("select option:selected")

:submit

匹配所有提交按鈕,$(":submit")

:text

匹配所有的單行文字框

:visible

匹配所有的可見元素,$("tr:visible")

:contains(text)

匹配包含給定文字的元素,$("div:contains('john')")

:disabled

匹配所有不可用元素,$("input:disabled")

:empty

匹配所有不包含子元素或者文字的空元素,$("td:empty")

:parent

匹配含有子元素或者文字的元素,$("td:parent")

:enabled

匹配所有可用元素,$("input:enabled")

:eq(index)

匹配乙個給定索引值的元素,   index 從 0 開始計數 ,$("tr:eq(1)")

:even  

匹配所有索引值為偶數的元素,從 0 開始計數,$("tr:even")

:odd

匹配所有索引值為奇數的元素,從 0 開始計數, $(":odd");

:file 

匹配所有檔案域, $("input:file")

:first

獲取第乙個元素,$("li:first")

:last

獲取最後乙個元素,$("li:last")

:first-child

匹配第乙個子元素,':first' 只匹配乙個元素,而此選擇符將為每個父元素匹配乙個子元素$("ul li:first-child")

:last-child

匹配最後乙個子元素,':last'只匹配乙個元素,而此選擇符將為每個父元素匹配乙個子元素,$("ul li:last-child")

:focus

觸發每乙個匹配元素的focus事件。$("#login:focus");

:gt(index)

匹配所有大於給定索引值的元素,$("tr:gt(0)")

:lt(index)

匹配所有小於給定索引值的元素, index 從 0 開始計數,$("tr:lt(2)")

:has(selector)

匹配含有選擇器所匹配的元素的元素,$("div:has(p)").addclass("test");

:header

匹配如 h1, h2, h3之類的標題元素

:hidden

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

:image

匹配所有影象域,$(":image")

:input

匹配所有 input, textarea, select 和 button 元素,$(":input")

:nth-child(index)

匹配其父元素下的第n個子或奇偶元素,$("ul li:nth-child(2)").匹配所有ul下的第二個li

:only-child

如果某個元素是父元素中唯一的子元素,那將會被匹配.如果父元素中含有其他元素,那將不會被匹配。$("ul li:only-child")

:password

匹配所有密碼框,$(":password")

:nth-of-type(2||2n)

獲取第二個或者為偶數的div,   .content div:nth-of-type(2n)

.content div:nth-of-type(2n+1) 獲取奇數的div

jQuery常見選擇器

以下內容都是我讀 鋒利的jquery 的筆記,記錄下來,沒事多看看。id為one,class為one的div class為mini id為two,class為one,title為test的div class為mini,title為other class為mini,title為test class為m...

jquery 常見選擇器

1 一切的核心,可以跟4種引數 expression 比如 id class 等,返回jquery物件,或者jquery物件的集合 html 比如 hello world 返回jquery物件,或者jquery物件的集合 element 比如 document.body 返回jquery物件,或者j...

jQuery常見選擇器

id id選擇器 div 元素選擇器 classname 類選擇器 classname,classname1,id1 組合選擇器 id classname 子元素選擇器 id classname 後代元素選擇器 id classname 緊鄰下乙個元素選擇器 id classname 兄弟元素選擇器...