How do we use jQuery Attribute selector with a period?

jQuery Attribute selector is used to select elements with the specified attribute and value. You can easily use it with a period (.) or a hash (#).


You can try to run the following code to learn how to use jQuery selector with a period:

Live Demo

<!DOCTYPE html>
<script src=""></script>

   $( "div[myattr*='.']" ).css("background-color", "yellow");  


<div id="sub1" myattr="java.subject">Java</div>
<div id="sub2" myattr=".htmlsubject">HTML</div>
<div id="sub3" myattr="rubysubject">Ruby</div>