[attribute!="value"]

选择那些不含有特定的属性,或者其属性值不等于给定值的元素。

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

补充说明:

  • 由于 [name!="value"] 是 jQuery 扩展出来的,它并不是 CSS 规范中的一部分。当使用 [name!="value"] 时,并不会比使用原生的 DOM 方法 querySelectorAll() 性能好。为了在主流浏览器中得到更好的性能,请使用 $("your-pure-css-selector").not('[name="value"]') 方法来代替。

示例:

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

<!DOCTYPE html>
<html>
<head>
<script src="jquery.min.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>

演示: