jquery compound selector code example

Example 1: jquery or selector

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

Example 2: 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
*/

Tags:

Html Example