jQuery селектор :even

jQuery селекторы

Определение и применение

jQuery селектор :even выбирает каждый нечетный элемент в документе (например: 1, 3, 5 и так далее), или другими словами выбирает каждый элемент с четным индексом (например: 0, 2, 4 и так далее) по той причине, что индекс начинается с нуля, а не с единицы.


Обращаю Ваше внимание на то, что значение индексов в JavaScript начинается с 0 (нуля), поэтому первый элемент будет иметь индекс 0, а не 1.


Для того, чтобы произвести выбор всех четных элементов (элементов с нечетным индексом - 1, 3, 5 и так далее), то необходимо воспользоваться jQuery селектором :odd.

jQuery синтаксис:

$("selector:even")

Селектор в CSS

Это селектор jQuery, который не является частью спецификации CSS.

Добавлен в версии jQuery

1.0

Пример использования

<!DOCTYPE html>
<html>
	<head>
		<title>Использование jQuery селекторов :odd и :even.</title>
		<script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
		<script>
	$(document).ready(function(){
	  $("tr:even").css("background-color", "orangered"); // выбираем каждый нечетный элемент <tr> в документе
	  $("tr:odd").css("background-color", "orange");// выбираем каждый четный элемент <tr> в документе
	});
		</script>
	</head>
	<body>

	</body>
</html>

В этом примере с использованием селектора :even мы выбрали и стилизовали каждый нечетный элемент <tr> (строка таблицы) в документе, а с помощью селектора :odd мы выбрали каждый четный элемент <tr>.

Результат нашего примера:

Пример использования jQuery селекторов :even и :odd.
Пример использования jQuery селекторов :even и :odd
jQuery селекторы