Вход Регистрация

Применяем составной селектор jQuery для поиска разных элементов

← Предыдущий пример jQuery

Составной селектор 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>

Комментировать

captcha

Вход

Зарегистрируйтесь, если нет учетной записи

Напомнить пароль
Создание учётной записи
Напомнить пароль
Войти в личный кабинет