元素属性值不相等选择器 [name!=”value”]
分类:选择器 > 元素属性选择器 | 选择器 > jQuery扩展选择器
选择这样的元素:它们要么不具有指定的元素属性,要么指具有指定的元素属性,但是该元素属性的值不是某个值。
attributeNotEqual selector
描述:Select elements that either don't have the specified attribute, or do have the specified attribute but not with a certain value.
version added: 1.0
jQuery( "[attribute!='value']" )attribute: 一个元素属性名。
value: 一个元素属性值。可以是不用引号的单词,或者用引号括起的字符串。
该选择器等同于:not([attr='value'])
。
其它说明
- 因为
[name!="value"]
是一个jQuery扩展,并不是CSS规范文档的一部分,使用[name!="value"]
查询,不能充分利用原生DOM的querySelectorAll()
方法来提高性能。要想在现代浏览器中获得更好的性能,请使用$("your-pure-css-selector").not("[name='value']")
来代替它。
示例
查找所有的name不是"newslstter"的<input>,并在它后面追加小段文本文件。
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>attributeNotEqual demo</title> <script src="https://code.jquery.com/jquery-1.10.2.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>
演示结果