jquery

关注公众号 jb51net

关闭

首页 > 网络编程 > JavaScript > javascript类库 > jquery > jquery 表格添加样式

jquery 交替为表格添加样式的代码

2010-01-12 00:46:55 作者：

学习了jquery,发现其功能真的很令我惊讶，为表格添加背景色用css也可以实现，却不得不在<tr>标签里一行一行地添加，但用jquery只需四行代码，就是这样精简的用法，让我对jquery产生了极大的兴趣，也不得不惊叹新兴的技术所带来的效率！

下面就是我的“作品”啊，只是简单的实现其功能，并未做其他的功能啊

运行后，需要刷新下，上面得代码比较简单，更多的例子，可以搜索脚本之家以前发布的文章。

<script language="javascript" src="http://img.jb51.net/jslib/jquery/jquery.js"></script> 
<script type="text/javascript"> 
 
</script> 
<style type="text/css"> 
 
</style> 
<table class="nnn" border="0" cellpadding="0" cellspacing="0"> 
<thead> 
<tr> 
<th>表头</th><th>表头</th><th>表头</th> 
</tr> 
</thead> 
<tbody> 
<tr> 
<td>脚本之家</td><td>jb51.net</td><td>4561263</td> 
</tr> 
<tr> 
<td>123456</td><td>789879</td><td>4561263</td> 
</tr> 
<tr> 
<td>123456</td><td>789879</td><td>4561263</td> 
</tr> 
<tr> 
<td>123456</td><td>789879</td><td>4561263</td> 
</tr> 
<tr> 
<td>123456</td><td>789879</td><td>4561263</td> 
</tr> 
<tr> 
<td>123456</td><td>789879</td><td>4561263</td> 
</tr> 
<tr> 
<td>123456</td><td>789879</td><td>4561263</td> 
</tr> 
<tr> 
<td>123456</td><td>789879</td><td>4561263</td> 
</tr> 
</tbody> 
</table>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

您可能感兴趣的文章: