All even tr element and odd tr element ($("tr:even") and $("tr:odd"))
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript"
src="lib/jquery/jquery-1.3.2.js">
</script>
<script type="text/javascript">
$(document).ready(function(){
$("tr:odd").css("background-color", "#cda");
$("tr:even").css("background-color", "#dac");
});
</script>
</head>
<body>
<h1>Welcome to My Web Page</h1>
<table>
<tr><th>SL</th><th>Name</th><th>Date Of Birth</th></tr>
<tr><td>1</td><td>AAA</td><td>01-20-2012</td></tr>
<tr><td>1</td><td>AAB</td><td>01-20-2012</td></tr>
<tr><td>1</td><td>AAC</td><td>01-20-2012</td></tr>
<tr><td>1</td><td>ABA</td><td>01-20-2012</td></tr>
<tr><td>1</td><td>ABB</td><td>01-20-2012</td></tr>
<tr><td>1</td><td>ABC</td><td>01-20-2012</td></tr>
<tr><td>1</td><td>ACA</td><td>01-20-2012</td></tr>
<tr><td>1</td><td>ACB</td><td>01-20-2012</td></tr>
<tr><td>1</td><td>ACC</td><td>01-20-2012</td></tr>
</table>
</body>
</html>
Comments
Post a Comment