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