How to select multiple elements with jQuery?


With jQuery, you can easily select multiple elements.  Here’s how you can select for multiple elements such as <h1> and <p>,

$("h1, p")

You can try to run the following code to learn how to select multiple elements with jQuery −

Example

Live Demo

<html>

   <head>
      <title>jQuery Example</title>
      <script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

      <script>
         $(document).ready(function() {
            $("h1, p").css("color", "green");
         });
      </script>
   </head>
   
   <body>
      <div>
          <h1>Heading</h1>
         <p>This is demo text.</p>
      </div>
   </body>
   
</html>

Updated on: 13-Feb-2020

310 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements