Selector: .class and .class (select element with two/multiple classes)


Here we will see how can we select the elements on our page with two classes. Its syntax is very simple: 
 
$(".class1.class2") 
 
where class1 and class2 are the two classes. The above selector will choose all elements with class="class1" and  
 
class="class2". 
 
Let us take an example : 
 
<!--program starts---> 
<p class='first'>hello</p> 
<p class='second'>how are you</p> 
<p class='first second'>This example shows how to use effects on any object having more than one class. This text will appear  
 
in red color</p> 
 
 
<script type='text/javascript'> 
$(".first.second").css("color","red"); 
 
</script> 
 
 
<!--program ends--> 
 
Copy the above code and try to execute in the jQuery box below, you will see that the third <p> tag text will appear in red  
 
color. Hence the selector $(".first.second") selects the elements with class='first' and class='second'.

Leave a Reply

avatar
  Subscribe  
Notify of