jQuery : Headlight All Even tr Elements Of Table

This code will show you how you can headlight all the tr element of a table using jquery.

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("tr:even").css("background-color", "Red");
});
</script>
</head>
<body>

<h1>Welcome to My Web Page</h1>

<table border="1">
  <tr>
    <th>Company</th>
    <th>Emp. Count</th>
  </tr>
  <tr>
    <td>Company 1</td>
    <td>1000</td>
  </tr>
  <tr>
    <td>Company 2</td>
    <td>30000</td>
  </tr>
  <tr>
    <td>Company 3</td>
    <td>30000</td>
  </tr>
  <tr>
    <td>Company 4</td>
    <td>40000</td>
  </tr>
  <tr>
    <td>Company 4</td>
    <td>400320</td>
  </tr>
</table>

</body>
</html>

Check below jQuery code use to Headlight

$(document).ready(function(){
    $("tr:even").css("background-color", "Red");
});