• 首页
  • vue
  • TypeScript
  • JavaScript
  • scss
  • css3
  • html5
  • php
  • MySQL
  • redis
  • jQuery
  • [name!="value"]

    选择不存在指定属性,或者指定的属性值不等于给定值的元素。

    jQuery("[attribute!='value']")

    attribute:一个属性名.

    value:一个属性值,可以是一个不带引号的一个单词或带一个引号的字符串。

    这个选择器等同于:not([attr=value]).

    注意

    • 因为[name!="value"]是一个 jQuery 延伸出来的一个选择器。并且不是的CSS规范的一部分,使用[name!="value"]查询不能充分利用原生DOM提供的querySelectorAll()方法来提高性能。为了在现代浏览器上获得更佳的性能,请使用$("your-pure-css-selector").not('[]')代替。

    例子

    查找所有 name 属性不是'newsletter'的元素,并在其后的 span 中追加'; not newsletter' HTML。

    <!DOCTYPE html>
    <html>
    <head>
      <script src="https://www.lanmper.cn/static/js/jquery-3.5.0.js"></script>
    </head>
    <body>
      <div>
     
        <input type="radio" name="newsletter" value="Hot Fuzz" />
        <span>name is newsletter</span>
     
      </div>
      <div>
        <input type="radio" value="Cold Fusion" />
        <span>no name</span>
     
      </div>
      <div>
        <input type="radio" name="accept" value="Evil Plans" />
     
        <span>name is accept</span>
      </div>
    <script>$('input[name!="newsletter"]').next().append('<b>; not newsletter</b>');</script>
     
    </body>
    </html>
    

    上篇:[name="value"]

    下篇:[name^="value"]