jQuery Multiple Element Selectors

jQuery Selectors

You can select multiple selectors as needed. Just separate selectors with commas.

Multiple selectors select the combined result of all specified selectors.

This is very useful when you want to perform the same operation on different selectors.

Syntax:

$("selector1, selector2, selectorN)

Instance

Select each<p>and<h4>elements:</div>

$ (document).ready(function() {
　　$("p, .h4").css("background-color", "lightgreen");
});

Select each<h2>，<div>and<span>elements:</div>

$ (document).ready(function() {
　　$("h2, div, span").css("background-color", "lightgreen");
});

Select all elements with the multiple class names "demo" or "para":

$ (document).ready(function() {
　　$(".demo, .para").css("background-color", "lightgreen");
});

Parameter Value

jQuery Selectors