Question

How do you select multiple elements with jQuery?

How can I select multiple elements with jQuery? I want to apply the same action to several elements at once, but I'm not sure how to select more than one element using a single jQuery statement. What's the best approach for this?

Answer 1

To select multiple elements with jQuery, you can use a comma-separated list of selectors within the $() function. This allows you to apply actions or styles to multiple elements at once.

Syntax:

   $("selector1, selector2, selector3");

Example:

If you want to select all paragraphs with the class intro, all divs with the class content, and the element with the ID mainHeader, you can write:

$(".intro, .content, #mainHeader").css("color", "blue");