dynamic row color using jqueryLearning Curve- Perfect Tutorial for the beginers | Learning Curve- Perfect Tutorial for the beginers

Change the color of rows in a table using jquery

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>

<script>
$(document).ready(function(){

    $("tr:odd").css("background-color", "yellow");
	$("tr:even").css("background-color","red");
});
</script>
</head>
<title>Changing the background color of tr in a table using jquery</title>
<body>
<table border="1">
<tr>
<td>My first row</td>
</tr>
<tr>
<td>My second row</td>
</tr>

</table>
</body>

</html>

<!DOCTYPE html>

<html>

<head>

$(document).ready(function(){

$("tr:odd").css("background-color", "yellow");

$("tr:even").css("background-color","red");

});

</script>

</head>

<title>Changing the background color of tr in a table using jquery</title>

<body>

<tr>

<td>My first row</td>

</tr>

<tr>

<td>My second row</td>

</tr>

</table>

</body>

</html>