Spec-Zone.ru › jQuery

:even Селектор

селектор evenверсия устаревшая: 3.4

Описание: Выбирает элементы с чётными индексами (индексация с нуля). См. также :odd.

  • версия добавлена: 1.0jQuery( ":even" )

Начиная с jQuery 3.4, псевдокласс :even устарел. Удалите его из своих селекторов и отфильтруйте результаты позже с помощью .even() (доступно в jQuery 3.5.0 или более поздних версиях).

Обратите внимание, что нумерация с нуля означает, что, на первый взгляд парадоксально, :even выбирает первый, третий и т.д. элементы в наборе совпадений.

Дополнительные замечания:

  • Поскольку :even является расширением jQuery, а не частью спецификации CSS, запросы, использующие :even не могут воспользоваться повышением производительности, предоставляемым методом нативного DOM querySelectorAll(). Чтобы добиться наилучшей производительности при использовании :even для выбора элементов, сначала выберите элементы с помощью чистого CSS-селектора, а затем используйте .filter(":even").
  • Выбранные элементы упорядочены по порядку их появления в документе.

Пример:

Находит чётные строки таблицы, соответствующие первой, третьей и т. д. (индексы 0, 2, 4 и т. д.).

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>even demo</title>
  <style>
  table {
    background: #eee;
  }
  </style>
  <script src="https://code.jquery.com/jquery-3.7.0.js"></script>
</head>
<body>
 
<table border="1">
  <tr><td>Row with Index #0</td></tr>
  <tr><td>Row with Index #1</td></tr>
  <tr><td>Row with Index #2</td></tr>
  <tr><td>Row with Index #3</td></tr>
</table>
 
<script>
$( "tr:even" ).css( "background-color", "#bbf" );
</script>
 
</body>
</html>

Демо:

© The jQuery Foundation and other contributors
Licensed under the MIT License.
https://api.jquery.com/even-selector

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API