jquery select multiple elements by class code example

Example 1: jquery select element with two classes

$('.class1.class2') // select element that has both class1 and class2

Example 2: jquery or selector

$( "div, span, p.myClass" ).css( "border", "3px solid red" );

Example 3: jquery multiple selectors

/* 
If we want to apply same functionality and features to more than one selectors then we use multiple selector option.
I think we can say this feature is used like reusability. write a jquery function and just add multiple selectors in which we want same features.


Kindly take a look in below example:
*/
Html:
<div>div</div>
<p class="myClass">p class="myClass"</p>
<p class="notMyClass">p class="notMyClass"</p>
<span>span</span>

Js:
<script>
$( "div, span, p.myClass" ).css( "border", "3px solid red" );
</script>

/*
I Hope it will help you.
Namaste
*/

Example 4: jquery select 2 classes

$(".class1, .class2, .class3") //select classes independently

Tags:

Html Example