:not() JQ Home  <<  Selectors  <<  :not()

• <<    :lt() Selector
• :odd Selector     >>

Negation pseudo-class selector.

Shorthand version $(':not(selector)')

Description

The :not() selector, selects all elements that do not match the given selector(s).

• It is generally better and easier to use the .not() filtering method.
• If this selector is not preceded by another selector, the universal selector ("*") is implied and so the whole DOM will be searched. Use another selector as in the examples below to narrow the search and improve performance.

Syntax

Parameters

Return

N/A.

:not() Examples Selectors  <<  Top

Selects all elements that do not match the given selector(s).

The following rather contrived example will check for input elements with an attribute of name that are not disabled (our input fields below) and set a message in them with a yellow background when the button below is clicked.

$(function(){
  $('#btn1').on('click', function() {
    $("input[name]:not(:disabled)").css('backgroundColor', 'yellow')
                                   .val("enter input"); 
  });
}); 

Please fill in the form:

The following example will select all 'h4' link elements from the left sidebar with a 'href' attribute that doesnt start with 'c' and turn the background colour silver.

$(function(){
  $('#btn2').on('click', function() {
    $('div #sidebarleft h4 a:not(a[href^="c"])').css('backgroundColor', 'silver'); 
  });
}); 

Related Tutorials

jQuery Basic Tutorials - Lesson 3 - CSS Selectors

• <<    :lt() Selector
• :odd Selector     >>