jQuery element Selector

jQuery Web Development Front End Technology

The element selector in jQuery is used to select all elements with the specific element name.

Syntax

The syntax is as follows −

$("ele")

Above, ele is the element to select.

Example

Let us now see an example to implement the jQuery element selector −

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").css("color", "orange");
      });
   });
</script>
</head>
<body>
<h2>Student Info</h2>
<p>This is a demo text.</p>
<h2>Exam Info</h2>
<p>This is a demo text.</p>
<h2>Teacher's Info</h2>
<p>This is a demo text.</p>
<button>Click me</button>
</body>
</html>