欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

jquery不等于属性选择器是什么

程序员文章站 2022-03-23 11:45:13
...

jquery不等于属性选择器是指“[attribute!=value]”选择器,用于选取所有不存在指定属性或指定属性值不等于某值的所有元素。

jquery不等于属性选择器是什么

本文操作环境:windows10系统、jquery 1.11.1、thinkpad t480电脑。

推荐:《jquery视频教程

jquery属性不等于选择器是[attribute!=value]选择器;用于选取所有不存在指定属性或指定属性值不等于某值的所有元素。

选择器将属性值看做是普通字符串(这点跟class选择器不同),比如 $('a[rel!=nofollow]') 将匹配 <a rel="nofollow self" href="example.htm">Some text</a>。

以下代码展示获取ID不等于cheese的所有元素。

<!DOCTYPE html> 
<html>
    <head>
        <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
    </head> 
    <body>
        <div id="eggs"></div> 
        <div id="ham"></div> 
        <div id="cheese"></div> 
        <script>
            var n = $("[id!='cheese']").length; 
            alert(n);
        </script> 
    </body> 
</html>

以下代码选择所有input的名称不为me的输入框元素。

<html>
  <head>
    <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
          $("input[name!='me']").next().text(" changed");
    });
    </script>
  </head>
  <body>
      <div>
        <input type="radio" name="you" value="A" />
        <span>data</span>
      </div>
      <div>
        <input type="radio" name="me" value="B" />
          <span>data</span>
      </div>
      <div>
        <input type="radio" name="me" value="C" />
        <span>data</span>
      </div>
  </body>
</html>

以上就是jquery不等于属性选择器是什么的详细内容,更多请关注其它相关文章!

相关标签: jquery