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网站

本文来自: http://www.cnblogs.com/huige728 转载请指明出处:http://www.cnblogs.com/huige728/archive/2012/08/10/2631447.html