Составной селектор jQuery позволяет одновременно выбирать разные элементы по их названию, идентификатору, имени класса. Им-то мы и воспользуемся в нашем коде.
Скопировав и запустив код из указанного ниже листинга, вы увидите, что благодаря составному селектору были найдены все элементы p, элементы div имеющие имя класса class1, а также элемент li с идентификатором id2, как и было задумано.
Методом 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(){
$("#id2, div.class1, p").css("background","#87cefa");
});
</script>
<style type="text/css">
div,p,li {
background:2px #ccc;
margin:3px;
padding:4px;
}
</style>
</head>
<body>
<p>Элемент p</p>
<div>Элемент div</div>
<div class="class1">Элемент div class="class1"</div>
<div>Элемент div</div>
<ol id="test">
<li id="id1">Пункт списка с идентификатором id="id1"</li>
<li id="id2">Пункт списка с идентификатором id="id2"</li>
</ol>
<div class="class1">Элемент div class="class1"</div>
<p>Элемент p</p>
</body>
</html>
1 мар. 2013
5,657
0
Добавить комментарий