jQuery Tutorial

jQuery Not Filter

How to exclude particular element in jQuery ?

:not

':not' is used to exclude the specified element in the list of elements.

<html>
   <head>
      <title>The jQuery Example - To exclude particular elements</title>

      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>		
      <script type = "text/javascript">
      $(document).ready(function(event) {
          $('p:not(:first)').css('color', 'blue');
        });
      </script>		
   </head>	
   <body>
<p>line 0</p>
<p>line 1</p>
<p>line 2</p>
<p>line 3</p>
<p>line 4</p>
<p>line 5</p>
<p>line 6</p>
   </body>
</html>

Output:

 $('p:not(:first)').css('color', 'blue');

Gets any other paragraph elements except the first paragraph elements.

« Previous Next »

jQuery Programming Examples

Simple Filter HTML Table Rows in jquery

jQuery ui datepicker with disabled date ranges

jQuery ui datepicker change event to submit the form

Getting screen coordinates in jQuery

Getting mouse positions in jQuery

Getting pressed key code in jQuery

Getting multiple elements using tag, id and class in jQuery

Checking element tag in jQuery

Getting element by index in jQuery

Highlights the odd and even rows in different colors in jQuery

Simple Filter HTML Paragraph Tags in jquery

Enable / disable HTML input fields in jQuery

Remove leading and trailing space in text of HTML element using jQuery

jQuery Adding HTML Table Row Dynamically

jQuery Deleting HTML Table Row Dynamically

jQuery Deleting Selected Multiple HTML Table Rows

jQuery Getting Selected Checkbox Values

Update page title using jquery

print objects

jQuery Tutorial

jQuery Introduction

jQuery Data Types

jQuery Functions

jQuery Selectors

jQuery Attributes

jQuery Events

jQuery AJAX

jQuery class methods

jQuery css method

jQuery append method

jQuery appendTo method

jQuery prepend method

jQuery prependTo method

jQuery html method

jQuery text method

jQuery wrap method

jQuery wrapAll method

jQuery wrapInner method

jQuery unwrap method

jQuery hover

jQuery mouseenter

jQuery mouseout

jQuery toggle

jQuery show

jQuery hide

jQuery fadeOut

jQuery fadeIn

jQuery slideUp

jQuery slideDown

jQuery slideToggle

jQuery fadeTo

jQuery animate

jQuery slice method

jQuery Not Filter

jQuery length

jQuery contains

jQuery Tag Attribute

jQuery inArray

Getting and Parsing JSON

jQuery Draggable

jQuery Drag and Drop

jQuery Slider

jQuery Resizable

jQuery Date Calculations

Update page title using jquery

print objects

jQuery Examples