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

Наша задача в этом примере - найти все элементы определённого типа на веб-странице с помощью jQuery. Для этого применим селектор element.

Рссмотрим листинг кода, указанный ниже. С помощью CSS мы задали одинаковый стиль для элементов p (Абзацы) и div (Блоки).

Затем, написав строку на jQuery, с приминением селектора element, мы нашли все блочные элементы div и применяя к ним метод 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(){
	$("div").css("background","#ff4500");
});
</script>
<style type="text/css">
div, p {
	width:70px;
	height:70px;
	border:2px solid #333;
	margin:3px;
}
</style>
</head>
<body>
<p>Абзац 1</p>
<div>Блок 1</div>
<div>Блок 2</div>
<p>Абзац 2</p>
<div>Блок 3</div>
<p>Абзац 3</p>
</body>
</html>

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

captcha