jQuery属性选择器使用

发布时间：4年前作者：老郭热度： 2990 ℃评论数：

# jQuery属性选择器使用

```
  [attributr]用法：$("div[id]");
               匹配包含给定属性的元素

[attributr=value]用法：$("input[name=newsletter]");
              匹配给定的属性是某个特定值的元素

[attributr!=value]用法：$("input[name!='newsletter']");
                匹配给定的属性是不包含某个特定值的元素

[attributr^=value]用法：$("input[name^='news']");
              匹配给定的属性是以某些值开始的元素

[attributr$=value]用法：$("input[name$='newsletter']");
                匹配给定的值是以某些值结尾的元素

[attributr*=value]用法：$("input[name*='newsmain']");
              匹配给定的属性是以包含某些值的元素

[selector1][selector2][selectorN]
               $("input[id][name$='main']")
    //并且选择器，需要同事满足多个条件时使用

//①[name]节点必须有"name"属性
    $("[size]").css('background-color','pink');
   
    //②[name = value]节点必须有"name"属性,其值等于"value"
  $("[size=30]").css('color','red');
    
    //③[name ^= value]节点必须有"name"属性,其值以value开始
    $("[value^=to]").css('font-size','27px');
 
    //④[name$=value]节点必须有"name"属性,其值以value结尾
  $("[value$=63]").css('width','470px');
    
    //⑤[name]节点必须有"name"属性
    //A.节点如果有name属性，则其值不等于’value‘
   //B.节点没有name属性
  $("[calss!=orange]").css('background-color','gray');
  
    //⑥[name$=value]节点必须有"name"属性,其值必须出现value字样
   $("[calss*=an]").css('color','red');
  
    //⑦[][][][]并且关系，同时满足多个条件
    //我们需要的节点：有此class属性，并且属性值不等于“orange”
    //$(s1s2s3s4)获得的节点需要蛮子s1/s2/s3/s4等多个条件
  $("[class][calss!=orange]").css('background-color','lightblue');
  $("[size][value^=t][name]input").css('width','500px');

<body>
  <h2 class="orange">属性选择器</h2>
 <input type="text" name="" value="tom"><br>
   <input type="text" name="useremail" value="tom@163.com"><br>
  <input type="text" name="usertel" value="123456789101"><br>
   <input type="text" name="userqq" value="987987979"><br>
   <input type="text" name="" value="触发" onclick="f1()"><br>
</body>

```

jQuery,属性选择器

上一篇：jQuery的事件加载机制

下一篇：jQuery基本动画效果

栏目导航

Ajax是什么？ 1919 ℃
网站禁止浏览器缓存 2004 ℃
Ajax之get方式请求 3564 ℃
Ajax之post方式请求 2925 ℃
Json使用 1957 ℃
无刷新表单信息提交 2069 ℃
使用Ajax中$.post方法前台获取json数据，将数据转换为... 2740 ℃
细说jQuery的选择器 2066 ℃
jQuery的属性操作 2848 ℃
jQuery快捷操作 2036 ℃
jQuery对象与dom对象关系 3958 ℃
jQuery的事件加载机制 2340 ℃
jQuery属性选择器使用 2990 ℃
jQuery基本动画效果 3249 ℃
利用Ajax技术实现天气预报接口 2160 ℃

jQuery属性选择器使用

栏目导航

相关文章

微信小程序

手机扫码访问