:not() Selector
Categories: Basic Filter
jQuery(':not(selector)')
Description: Selects all elements that do not match the given selector.
-
jQuery(':not(selector)')
version added: 1.0selector A selector with which to filter by.
All selectors are accepted inside :not()
, for example: :not(div a)
and :not(div,a)
.
Additional Notes
The .not()
method will end up providing you with more readable selections than pushing complex selectors or variables into a :not()
selector filter. In most cases, it is a better choice.
-
Finds all inputs that are not checked and highlights the next sibling span. Notice there is no change when clicking the checkboxes since no click events have been linked.
HTML:
<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>
Code:
$("input:not(:checked) + span").css("background-color", "yellow"); $("input").attr("disabled", "disabled");