jQuery not() method with Examples

jQuery Web Development Front 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>