栏目导航

热点推荐

阅览排行

您当前的位置是：主页>网络编程>Javascript教程>

玩转Javascript之JQ实现双色表格

www.jz123.cn 2009-12-25 来源: 中国建站责任编辑(袁袁) 我要投递新闻

用javascript实现了上色表格,见<JS实现双色表格>。但通过jQuery强大的

　　选择器可更加简洁，优雅的实现。

　　不多说了，直接给代码

　　代码

<html>
　　<head>
　　<title>双色表格</title>
　　<style type="text/css">
　　
　　</style>
　　<script src="lib/jquery.js" type="text/javascript"></script>
　　<script type="text/javascript" >
　　$().ready(function() {
　　$('tr:has(th)').css('background','violet');        //表格标题
　　$('tr:even:gt(0)').css('background','yellow');    //偶数行,且行数大于0(即标题)
　　$('tr:odd').css('background','olive');            //奇数行
　　});
　　</script>
　　</head>
　<body>
　　<center>
　　<table>

点击浏览当日最新新闻资讯

顶一下

上一篇：JavaScript 深度克隆 JSON 对象下一篇：Javascript之逃走的按钮

栏目导航

热点推荐

阅览排行

玩转Javascript之JQ实现双色表格

相关文章列表

评论总数：0 条 [ 查看全部 ] 网友评论