最常用的選擇器:
#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 兄弟元素選擇器...