zoukankan      html  css  js  c++  java
  • jQuery之属性过滤选择器

    转自:http://blog.csdn.net/woshisap/article/details/7341136

    在HTML文档中,元素的开始标记中通常包含有多个属性(attribute), 在jQuery中,除了直接使用id和class属性作为选择器之外,还可以根据各种属性(如title等)对由选择器

    查询到的元素进行过滤,属性过滤选择器包含了在中括号"[]"中,而不是以冒号开头,通常使用"选择器[属性过滤选择器]"语法格式,可以根据是否包含指定属性或者

    根据属性值从查询到的元素中进行筛选。

    1:包含属性过滤器

          用于选择包含给定属性的所有元素

         格式:$("selector[attribute]")

        

    2:属性等于过滤器

         用于筛选给定属性等于某特定值的所有元素

         $("selector[attribute=value]");

        例子:$("input[name=accept]").attr("checked", "true");  //将name为accept的复选框选中  

    3:属性包含过滤器

          用于选择指定属性值包含给定字符串的所有元素

         格式:$("selector[attribute*=value]")   

        例子:$("input[name*='news']").val("name中包含有news的元素");  //将name中包含'news'的文本框添加文本值

    4:属性包含单词过滤器

         用于选择指定属性值中包含给定单词(由空格分隔)的元素

        格式:$("selector[attribute~=value]");

        例子:$('input[name~='news']').val("name中包含news单词的元素");

    5:属性不等于过滤器

          用于选择不包含指定属性,或者包含指定属性但该属性不等于某个值的所有元素

          格式:$("selector[attribute!=value]")

    6:属性开始过滤器

          用于选择给定属性是以某特定值开始的所有元素

         格式:$("selector[attribute^=value]")   

    7:属性结尾过滤器

          用于选择给定属性是以某特定值结尾的所有元素

          格式:$("selector[attribute$=value]") 

    8:复合属性过滤器

          用于选择同时满足多个条件的所有元素

         格式:$("selector[selector1][selector2]...[selector[N]")

        实例:$("input[id][name^='news']").val("复合条件"):用于选择包含有id属性并且name值以'news'开头的文本框,并对其值进行设置

  • 相关阅读:
    DDD领域驱动设计的理解
    设计原则
    毫秒级的时间处理图片
    同步设施
    ASP.NET Core 中文文档
    Jenkins快速搭建持续集成
    刮刮卡
    网页WEB打印控件
    nginx+memcached+ftp上传图片+iis
    通过Jexus 部署 dotnetcore
  • 原文地址:https://www.cnblogs.com/cugwx/p/3800434.html
Copyright © 2011-2022 走看看