not selector
Description: Selects all elements that do not match the given selector.
-
version added: 1.0jQuery( ":not(selector)" )
selector: 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.
Example:
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.
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>not demo</title> <script src="https://code.jquery.com/jquery-1.10.2.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>