一、屬性選擇器：
$("[id ^= 'user']") //匹配屬性開頭 user
$("[id $= 'list']") //匹配屬性結尾 list
$("[id *= 'id']") //萬用字元 選擇屬性中任意位置包含指定字元的元素
$("[id |= 'id']") //以id開頭或等於id值的元素
二、位置選擇器
$("li:even") //匹配集合中的偶數元素
$("li:odd") //匹配集合中的奇數元素
$("li:first") //匹配集合中的第乙個元素
$("li:last") //匹配集合中的最後乙個元素
$("li:eq(3)") //匹配集合中的第4個元素
$("li:get(3)") //匹配集合中的第4個元素
$("li:gt(2)") //匹配集合中的索引值大於2的所有元素 gt是 greater than縮寫
$("li:lt(3)") //匹配集合中的索引值小於3的所有元素 lt是 less than縮寫
三、過濾表單元素
$(":button") //過濾所有button元素和型別為button的元素
$(":checked") //
匹配所有已被選中的元素
//offsetwidth:0;offsetheight:0; jquery中元素不可見
$(":text:hidden") //過濾所有text為隱藏的元素
四、內容過濾器
$("p:contains('你好')") //內容包含元素'你好'的元素集合 你好
$("div:has('p').attr("id")") //匹配（div或div下的子元素）包含'p'元素 返回結果:yay
示例：$("p:empty").length //返回所有無子元素或文字的元素
返回結果1
$("p:parent").length //返回所有含子元素或文字（包含只含有空格）的元素 返回結果1五、子元素過濾器
:first-child //選擇每個父元素的第乙個子元素
:last-child //選擇每個父元素的最後乙個子元素
:nth-child() //選擇每個父元素的第幾個子元素
:only-child //選擇只包含乙個子元素的元素
用法：$("div span:first-child")
六、使用者自定義選擇器
CSS選擇器 屬性選擇器
最近重新學習了css3，發現選擇器還能這麼玩。介紹一下屬性選擇器 我給咱們順著往下縷一縷 資訊量挺大 剛開始是這樣子 如下 doctype html head meta charset utf 8 title 測試網頁 title style h1 m1 style head body div h1...
屬性選擇器
屬性選擇器 屬性選擇器 功能描述 e attr 選擇匹配具有屬性attr的e元素 e attr val 選擇匹配具有屬性attr的e元素,並且屬性值為val 其中val區分大小寫 e attr val 選擇匹配元素e，且e元素定義了屬性attr，其屬性值是以val開頭的任意字串 e attr val...
屬性選擇器
1.attr attr 方法設定或返回被選元素的屬性值。根據該方法不同的引數，其工作方式也有所差異 attr disabled disabled 設定該元素不可用 1.返回屬性值 selector attr attribute 2.設定被選元素的屬性和值 selector attr attribut...