[attribute!="value"]
选择那些不含有特定的属性,或者其属性值不等于给定值的元素。
-
1.0 新增[attribute!="value"]
attribute (String) 属性名。value (String) 使用单引号或双引号包裹的字符串形式的属性值。
这个选择器等价于 :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>