:not()
Отбирает все элементы, которые не соответствуют заданному селектору. Селектор появился в jQuery 1.0.
jQuery(':not(selector)')
- selector — Селектор для поиска соответствующих элементов.
Внутри :not() возможно использование любых допустимых в jQuery селекторов, например: :not(div a)
и :not(div,a)
.
Метод .not()
считается более ясным и понятным, чем использование сложных селекторов внутри фильтра :not()
. В большинстве случаев лучше использовать именно метод .not()
.
Примеры использования селектора :not()
Задача: Найти все элементы input
, которые не находятся в состоянии checked
и подсветить следующие за ними элементы span
.
<!DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jquery-1.4.4.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>
Новое в справочниках
- Метод jQuery.ajax() / 20.04.2011
- jQuery-селектор [attribute$="value"] / 04.02.2011
- Метод jQuery.sub() / 31.01.2011
- Популярные плагины jQuery / 20.01.2011
- Метод .animate() в jQuery / 27.12.2010