jQuery选择器-->属性选择器

1.定义和用法

  属性选择器就是通过元素的属性作为过滤条件进行筛选对象。

  [attribute]

    说明:匹配包含给定属性的元素

    示例:$("div[name]")  //匹配含有name属性的div元素

  [attribute=value]

    说明:匹配属性值为value的元素

    示例:$("div[name=‘text’]")  //匹配name属性是text的div元素

  [attribute!=value]

    说明:匹配属性值不等于value的元素

    示例:$("div[name!=‘text’]")  //匹配name属性不是text的div元素

  [attribute*=value]

    说明:匹配属性值含有value的元素

    示例:$("div[name*=‘text’]")  //匹配name属性含有text的div元素

  [attribute^=value]

    说明:匹配属性值以value开始的元素

    示例:$("div[name^=‘text’]")  //匹配name属性以text开头的div元素

  [attribute$=value]

    说明:匹配属性值以value结束的元素

    示例:$("div[name$=‘text’]")  //匹配name属性以text结束的div元素

  [selector1][selector2][selectorN]

    说明:复合属性选择器,需要同时满足多个条件时使用

    示例:$("div[id][name^='text']")  //匹配具有id属性并且name属性以text开头的div元素

posted @ 2020-05-09 06:47  abner_pan  阅读(305)  评论(0编辑  收藏  举报