jQuery not() method with Examples


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 −

Updated on: 31-Dec-2019

149 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements