селектор not
Описание: Выбирает все элементы, которые не соответствуют заданному селектору.
-
версия добавлена: 1.0jQuery( ":not(selector)" )
selector: Селектор для фильтрации.
Все селекторы принимаются внутри :not(), например: :not(div a) и :not(div,a).
Дополнительные заметки
Метод .not() в итоге предоставит вам более читаемые выборки, чем вставка сложных селекторов или переменных в селекторный фильтр :not(). В большинстве случаев это лучший выбор.
Пример:
Находит все поля ввода, которые не отмечены, и выделяет следующий элемент span. Обратите внимание, что при нажатии на флажки изменений нет, так как не привязаны никакие события.
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>not demo</title> <script src="https://code.jquery.com/jquery-3.7.0.js"></script> </head> <body> <div> <input type="checkbox" name="a"> <span>Mary</span> </div> <div> <input type="checkbox" name="b"> <span>lcm</span> </div> <div> <input type="checkbox" name="c" checked="checked"> <span>Peter</span> </div> <script> $( "input:not(:checked) + span" ).css( "background-color", "yellow" ); $( "input").attr( "disabled", "disabled" ); </script> </body> </html>
