zoukankan      html  css  js  c++  java
  • JQuery属性过滤(转)

    属性过滤(Attribute Filters)的内容就是html元素中的属性

    其包括以下几个选择器:

    [attribute]

    [attribute=value]

    [attribute!=value]

    [attribute^=value]

    [attribute$=value]

    [attribute*=value]

    [attributeFilter1][attributeFilter2][attributeFilterN]

    [attribute]
    用法: $(“div[id]“) ;
    说明: 匹配包含给定属性的元素.例子中是选取了所有带”id”属性的div标签.

    [attribute=value]
    用法: $(“input[name='newsletter']“).attr(“checked”, true); 
    说明: 匹配给定的属性是某个特定值的元素.例子中选取了所有 name 属性是 newsletter 的 input 元素.

    [attribute!=value]
    用法: $(“input[name!='newsletter']“).attr(“checked”, true); 
    说明: 匹配所有不含有指定的属性,或者属性不等于特定值的元素.此选择器等价于:not([attr=value]),要匹配含有特定属性但不等于特定值的元素,请使用[attr]:not([attr=value]).嗯,之前看到的 :not 派上了用场.

    [attribute^=value]
    用法: $(“input[name^='news']“) ;
    说明: 匹配给定的属性是以某些值开始的元素.

    [attribute$=value]
    用法: $(“input[name$='letter']“) ;
    说明: 匹配给定的属性是以某些值结尾的元素.

    [attribute*=value]
    用法: $(“input[name*='man']“) ;
    说明: 匹配给定的属性是以包含某些值的元素.

    [attributeFilter1][attributeFilter2][attributeFilterN]
    用法: $(“input[id][name$='man']“) ;
    说明: 复合属性选择器,需要同时满足多个条件时使用.是一个组合.这个例子中选择的是所有含有 id 属性,并且它的 name 属性是以 man 结尾的元素.

  • 相关阅读:
    jquery
    实现元素垂直居中
    浏览器 标准模式和怪异模式
    cookie session ajax
    React props.children
    使用React.lazy报错Import in body of module; reorder to top import/first
    state 和 props 之间的区别
    Harbor打怪升级
    Centos7下安装yum工具
    正则表达式匹配两个特殊字符中间的内容(特殊字符不显示)
  • 原文地址:https://www.cnblogs.com/xiebin1986/p/3878698.html
Copyright © 2011-2022 走看看