Categories

: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.0

    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.

  • 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");