Attribute not equal selector [name!="value"] — jQuery

Селектор attributeNotEqual

Описание: Выбирает элементы, у которых указанный атрибут отсутствует или присутствует, но с другим значением.

версия добавлена: 1.0jQuery( "[attribute!='value']" )

атрибут: Имя атрибута.

значение: Значение атрибута. Может быть либо валидным идентификатором, либо строкой в кавычках.

Этот селектор эквивалентен :not([attr='value']).

Дополнительные заметки:

Поскольку [name!="value"] является расширением jQuery, а не частью спецификации CSS, запросы, использующие [name!="value"], не могут воспользоваться преимуществами ускорения, предоставляемого методом querySelectorAll() родного DOM. Для лучшей производительности в современных браузерах используйте $( "your-pure-css-selector" ).not( "[name='value']" ) вместо этого.

Пример:

Находит все поля ввода, у которых имя не равно 'newsletter', и добавляет текст к спану рядом с ним.

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>attributeNotEqual demo</title>
  <script src="https://code.jquery.com/jquery-3.7.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>

Селектор атрибута, не равного значению [name!=”value”]

Селектор attributeNotEqual

версия добавлена: 1.0jQuery( "[attribute!='value']" )

Дополнительные заметки:

Пример:

Демо: