关闭

jQuery基础教程之强大的选择器(过滤选择器-属性过滤选择器)

标签: jquerydiv
332人阅读 评论(0) 收藏 举报
分类:

今天我们来继续学习jQuery强大的选择器-属性过滤选择器

属性过滤选择器的过滤规则是通过元素的属性来获取相应的元素。

选择器 描述 返回 示例
[attribute] 选择拥有此属性的元素 集合元素 $(“div[id]“)选取拥有属性id的元素
[attribute=value] 选取属性的值为value的元素 集合元素 $(“div[title=test]“)选取属性title的值为“test”的div元素
[attribute!value] 选取属性的值不等于value的元素 集合元素 $(“div[title!=test]“)选取属性title的值不等于“test”的div元素注意:没有属性title的div元素也会被选取
[attribute^=value] 选取属性的值以value开始的元素 集合元素 $(“div[title^=test]“)选取属性title的值以“test”开始的div元素
[attribute$=value] 选取属性的值以value为结束的元素 集合元素 $(“div[title$=test]“)选取属性title的值以“test”为结束的div元素
[attribute*=value] 选取属性的值含有value的元素 集合元素 $(“div[title*=test]“)选取属性title的值含有“test”的div元素
[selector1][selector2][selectorN] 用属性选择器合并成一个复合属性选择器,满足多个条件。每选择一次,检索范围就缩小一次 集合元素 $(“div[id][title*=test]“)选取拥有属性id,且属性title的值含有“test”的div元素

接下来我们来观看在线的属性过滤选择器在线使用DEMO,请移步这里:
jQuery教程基础篇之强大的选择器-过滤选择器-属性过滤选择器在线DEMO

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:410139次
    • 积分:4129
    • 等级:
    • 排名:第7749名
    • 原创:30篇
    • 转载:180篇
    • 译文:0篇
    • 评论:72条