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

你可能感兴趣的:(jquery选择器)