【9】jQuery学习——入门jQuery选择器之过滤选择器-属性过滤选择器
属性过滤选择器,一听就和属性有关,和我们前面学习的过滤器是不是有点不一样啊,当然,你要是不知道什么是属性,那看来xhtml要重修一下了,呵呵。
属性过滤选择器有7个
选择器 | 描述 | 返回 | 示例 |
$("Element[id]") | 获得所有带此ID属性的元素 | 集合元素 | $(“div[id]“)选取拥有属性id的元素 |
$("Element[attribute=huige728]") | 获得所有某个属性为huige728的元素 | 集合元素 | $(“div[title=huige728]“)选取属性title的值为“huige728”的div元素 |
$("Element[attribute!=huige728]") | 获得所有某个属性不为huige728的元素 | 集合元素 |
$(“div[title!=huige728]“)选取属性title的值不等于“huige728”的div元素 注意:没有属性title的div元素也会被选取 |
$("Element[attribute^=huige]") | 获得所有某个属性值是以huige开头的元素 | 集合元素 | $(“div[title^=huige]“)选取属性title的值以“huige”开始的div元素 |
$("Element[attribute$=728]") | 获得所有某个属性值是以728结尾的元素 | 集合元素 | $(“div[title$=728]“)选取属性title的值以“728”为结束的div元素 |
$("Element[attribute*=ge7]") | 获得所有某个属性值包含ge7的元素 | 集合元素 | $(“div[title*=ge7]“)选取属性title的值含有“ge7”的div元素 |
$("Element[selector1][selector2][....]") |
用属性选择器合并成一个复合属性选择器,满足多个条件。 每选择一次,检索范围就缩小一次 |
集合元素 | $(“div[id][title*=huige728]“)选取拥有属性id,且属性title的值含有“huige728”的div元素 |
ps.文章参考梦三秋和w3cfuns网站