Альтернативные цвета строк таблицы с помощью jQuery

Чтобы изменить цвет строк таблицы с помощью jQuery, вы можете использовать следующие методы:

Метод 1: использование CSS
Вы можете определить различные классы CSS для чередующихся строк и применять их с помощью jQuery. Вот пример:

HTML:

<table id="myTable">
  <tr><td>Row 1</td></tr>
  <tr><td>Row 2</td></tr>
  <tr><td>Row 3</td></tr>
  <!-- more rows... -->
</table>

CSS:

tr.even {
  background-color: #F0F0F0;
}
tr.odd {
  background-color: #FFFFFF;
}

jQuery:

$(document).ready(function() {
  $("#myTable tr:even").addClass("even");
  $("#myTable tr:odd").addClass("odd");
});

Метод 2: использование jQuery
Вы можете напрямую использовать jQuery, чтобы добавить стиль CSS к чередующимся строкам. Вот пример:

HTML:

<table id="myTable">
  <tr><td>Row 1</td></tr>
  <tr><td>Row 2</td></tr>
  <tr><td>Row 3</td></tr>
  <!-- more rows... -->
</table>

jQuery:

$(document).ready(function() {
  $("#myTable tr:even").css("background-color", "#F0F0F0");
  $("#myTable tr:odd").css("background-color", "#FFFFFF");
});