jQuery class name selector
Syntax
$('.myclass') selects all elements that have a class of myclass.
Examples
$('.myclass')selects all elements that have a class ofmyclass.$('p.myclass')selects all paragraphs that have a class ofmyclass.$('.myclass.otherclass')selects all elements that have a class of bothmyclassandotherclass.
The following code shows how to find the element with
the class "myClass".
<html>
<head>
<script src="http://java2s.com/style/jquery-1.8.0.min.js"/>
<script type="text/javascript">
$(document).ready(function(){<!--from www . ja v a 2 s .c o m-->
$(".myClass").css("border","3px solid red");
});
</script>
</head>
<body>
<body>
<div class="myClass">div class="myClass"</div>
<span class="myClass">span class="myClass"</span>
</body>
</html>
Select for nested classes
The following code shows how to Select from nested classes.
<html>
<head>
<script src="http://java2s.com/style/jquery-1.8.0.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){<!-- w ww. j ava 2 s .c o m-->
$(".myClass.myOtherClass").css("border","1px solid red");
});
</script>
</head>
<body>
<div class="notMe">div </div>
<div class="myClass">div</div>
<span class="myClass myOtherClass">span</span>
</body>
</html>