Attribute Not Equal Selector [name!=”value”]
Description: Select elements that either don’t have the specified attribute, or do have the specified attribute but not with a certain value.
jQuery(“[attribute!=’value’]:)
attribute: An attribute name. value: An attribute value Can be either a valid identifier or a quoted string.
The selector is equivalent to : not ([attr=’value’])
Additional Notes:
- Because [name!=”value”] is a jQuery extension and not part of the CSS specification, queries using [name!=”value”] cannot take advantage of the performance boost providing by the native DOM query Selectpr All () method. For better performance in modern browsers, use $(“your-pure-CSS-Selector”).not(“[name=’value’]”) instead.
Example:
Finds all inputs that don’t have the name ‘newsletter’ and appends text to the span next to it.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>attributeNotEqual demo</title>
<script src="https://code.jquery.com/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>
Demo:
