jQuery Attribute Not Equal [name!="value"]

What You’ll Learn

The attribute not-equal selector — written [name!="value"] — matches elements that do not have the attribute set to your exact value. It also matches elements without that attribute. It is a jQuery extension (since 1.0), equivalent in intent to :not([attr="value"]).

Introduction

Sometimes you need to select everything except one known attribute value — all inputs that are not hidden fields, all links that are not target="_blank", or every radio that is not part of the newsletter group.

The not-equal syntax [attribute!="value"] is jQuery’s way to express that exclusion. Unlike standard CSS attribute operators, this selector is a jQuery extension available since version 1.0. Official docs note it is equivalent to :not([attr="value"]) in behavior.

Understanding the Not-Equal Selector

Think of a checklist. The selector asks: “Is this attribute either missing, or set to something other than my value?” If yes, the element matches.

• name="newsletter" + [name!="newsletter"] → no match.
• name="accept" + [name!="newsletter"] → matches (different value).
• no name attribute + [name!="newsletter"] → matches (attribute absent).
• type="text" + [type!="hidden"] → matches.

📝 Syntax

Official jQuery API form (since 1.0):

jQuery( "[attribute!='value']" )
// shorthand:
$( "[attribute!='value']" )

// common patterns:
$( "input[name!='newsletter']" )
$( "input[type!='text']" )

// faster alternative (official recommendation):
$( "input" ).not( "[name='newsletter']" )

Parameters

• attribute — the HTML attribute name (name, type, value, etc.).
• value — exact string to exclude (case-sensitive). Can be a valid identifier or a quoted string.

Return value

• A jQuery object containing elements without the attribute or with a different value.
• Empty collection only when every candidate has the excluded value.

Official jQuery API example

$( "input[name!='newsletter']" ).next().append( "<b>; not newsletter</b>" );

// Matches: no name attribute, name="accept"
// Skips: name="newsletter"

Examples Gallery

Example 1 follows the official jQuery API demo. Examples 2–5 cover missing-attribute behavior, comparison with equals, non-text inputs, and the recommended .not() pattern. Use the Try-it links to run each snippet.

$( "input[name!='newsletter']" ).next().append( "<b>; not newsletter</b>" );

// Matches: no name, name="accept"
// Skips: name="newsletter"

no name → "; not newsletter" appended
name="accept" → "; not newsletter" appended
name="newsletter" → span unchanged

var cases = [
  { label: "newsletter", name: "newsletter" },
  { label: "accept", name: "accept" },
  { label: "no name", name: null }
];

cases.forEach( function( c ) {
  var $el = $( "<input type='radio'>" );
  if ( c.name ) { $el.attr( "name", c.name ); }
  $el.appendTo( "body" );
  console.log( c.label, "→", $el.is( "[name!='newsletter']" ) ? "MATCH" : "no" );
  $el.remove();
});

newsletter → no
accept → MATCH
no name → MATCH

var $input = $( "<input>" ).attr( "name", "accept" ).appendTo( "body" );

console.log( "name:", "accept" );
console.log( "='newsletter':", $input.is( "[name='newsletter']" ) );
console.log( "!='newsletter':", $input.is( "[name!='newsletter']" ) );

$input.remove();

name: accept
='newsletter': false
!='newsletter': true

Not-equal is the inverse of equals for elements that have a different value

$( "input[type!='text']" ).addClass( "special-input" );

// Matches: checkbox, submit, hidden, button
// Skips: type="text" only

checkbox, submit, button → class "special-input"
text inputs → unchanged

// Same result as input[name!='newsletter'], often faster:
$( "input" ).not( "[name='newsletter']" ).addClass( "other-field" );

// jQuery runs querySelectorAll("input") natively, then filters

All inputs except name="newsletter" → class "other-field"
Same selection as [name!='newsletter']

🚀 Common Use Cases

• Exclude one field — input[name!='newsletter'] for non-newsletter radios.
• Non-text inputs — input[type!='text'] to style special controls.
• Skip hidden fields — input[type!='hidden'] before serializing a form.
• Links not blank — a[target!='_blank'] for same-tab navigation styling.
• Options except default — option[value!=''] to ignore placeholder options.
• Data roles — [data-status!='archived'] to show active items only.

📝 Notes

• Available since jQuery 1.0 — jQuery extension, not standard CSS.
• Equivalent in intent to :not([attr="value"]) per official docs.
• Elements without the attribute also match — plan accordingly.
• Comparison is case-sensitive, same as [attr="value"].
• For performance, prefer $("css").not("[attr='value']") over [attr!="value"].
• Scope broad queries: $("#form input[type!='hidden']").

💡 Best Practices