jQuery not() method with Examples

jQueryWeb DevelopmentFront End Technology

The not() method in jQuery is used to return elements that do not match specific criteria.

Syntax

The syntax is as follows −

$(selector).not(criteria,func(index))

Above, criteria are a selector expression, whereas func is the function to run for each element in the group.

Example

Let us now see an example to implement the jQuery not() method 

 Live Demo

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
   $(document).ready(function(){
      $("button").click(function(){
         $("h2").not(".demo").css("color", "orange");
      });
   });
</script>
<style>
h2 {
   color: blue;
}
</style>
</head>
<body>
<h2>Student Info</h2>
<p>This is a demo text.</p>
<h2 class="demo">Exam Info</h2>
<p>This is a demo text.</p>
<h2 class="demo">Teacher's Info</h2>
<p>This is a demo text.</p>
<button>Click me</button>
</body>
</html>

Output

This will produce the following output −

Now, click the “Click me” to update the text color of the element that do not match specific criteria −

raja
Published on 31-Dec-2019 07:43:00
Advertisements