Теперь попробуем найти элементы на веб-странице по имени класса с помощью jQuery. Используем для этого селектор .class, повторяющий синтаксис css.
Изучив листинг кода, вы увидите, как мы, используя селектор .class, нашли все элементы содержащие атрибут class со значением elem_name. Окрасим найденные элементы в голубой цвет применяя метод css().
<!DOCTYPE html>
<html><head>
<meta charset="utf-8">
<title>Ищем элементы по имени класса с помощью jQuery.</title>
<script src="js/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
$(function(){
$(".elem_name").css("background","#87cefa");
});
</script>
<style type="text/css">
p, ol, div {
background:2px #ccc;
margin:3px;
padding:4px;
}
</style>
</head>
<body>
<p>p</p>
<div class="elem_name">div class="elem_name"</div>
<ol class="elem_name">
<li>li списка ol class="elem_name"</li>
<li>li списка ol class="elem_name"</li>
</ol>
<div>div</div>
<p class="elem_name">p class="elem_name"</p>
</body>
</html>
