摘要:本篇教程介绍了jQuery教程 斑马线表格详解,希望阅读本篇文章以后大家有所收获,帮助大家对jQuery的理解更加深入。
本篇教程介绍了jQuery教程 斑马线表格详解,希望阅读本篇文章以后大家有所收获,帮助大家对jQuery的理解更加深入。
<
<!doctype html>
<html>
<head>
<script src=‘js/jquery-1.9.1.min.js‘></script>
<script type="text/javascript">
$(document).ready(function() {
$(‘tr:even‘).css(‘background‘,‘#dedede‘);
$(‘tr:odd‘).css(‘background‘,‘#ffffff‘);
});
</script>
<body>
<table>
<tr>
<th>Product</th>
<th>Description</th>
<th>Price</th>
</tr>
<tr>
<td>Paper Towels</td>
<td>The most absorbent paper towels.</td>
<td>$18.99</td>
</tr>
<tr>
<td>Paper Napkins</td>
<td>Perfect for your outdoor gathering.</td>
<td>$16.99</td>
</tr>
<tr>
<td>Paper Plates</td>
<td>The best value.</td>
<td>$5.99</td>
</tr>
<tr>
<td>Plastic Forks</td>
<td>The essential picnic accessory.</td>
<td>$2.99</td>
</tr>
</table>
</body>
</html>
本文由职坐标整理并发布,希望对同学们有所帮助。了解更多详情请关注职坐标WEB前端jQuery频道!
您输入的评论内容中包含违禁敏感词
我知道了
请输入正确的手机号码
请输入正确的验证码
您今天的短信下发次数太多了,明天再试试吧!
我们会在第一时间安排职业规划师联系您!
您也可以联系我们的职业规划师咨询:
版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
沪公网安备 31011502005948号