Как найти элемент по имени класса с помощью jQuery?
Вход Регистрация

Как найти элемент по имени класса с помощью jQuery?

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

Теперь попробуем найти элементы на веб-странице по имени класса с помощью 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>

Следующий пример jQuery →


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

captcha

Вход

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

Напомнить пароль
Регистрация
Напомнить пароль
Войти в личный кабинет