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需再刷新一下页面才能执行]

您可能感兴趣的文章:

相关文章

基于jQuery和CSS3制作响应式水平时间轴附源码下载
我们经常看到有很多的垂直时间轴用来记录事件进展，而有朋友问我要求分享水平的时间轴，其实水平时间轴的难点在于自适应屏幕尺寸。那么今天我要给大家分享的是一款支持响应式、支持触屏手势滑动的水平时间轴
2015-12-12
jQuery实现基本隐藏与显示效果的方法详解
这篇文章主要介绍了jQuery实现基本隐藏与显示效果的方法,结合实例形式详细分析了jQuery中hide()、show()及toggle()等方法用于实现显示/隐藏效果的相关操作技巧,需要的朋友可以参考下
2018-09-09
jquery实现定时自动轮播特效
这篇文章主要为大家详细介绍了jquery实现定时自动轮播特效，讲解内容很详细，条理清晰，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2015-12-12
基于 jquery-cxselect 实现下拉联动效果功能实现
这篇文章主要介绍了基于 jquery-cxselect 实现下拉联动效果,下拉联动是基于query的一款联动下拉菜单插件 jquery-cxselect实现，本文通过实例代码给大家介绍的非常详细，需要的朋友可以参考下
2023-02-02
Jquery循环截取字符串的方法(多出的字符串处理成"...")
下面小编就为大家带来一篇Jquery循环截取字符串的方法(多出的字符串处理成"...")。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-11-11
详解使用jQuery.i18n.properties实现js国际化
这篇文章主要介绍了使用jQuery.i18n.properties实现js国际化，具有一定的参考价值，感兴趣的可以随小编看一看
2018-05-05
jquery 面包屑导航具体实现
jquery 面包屑导航具体实现，需要的朋友可以参考一下
2013-06-06
jQuery数据类型小结(14个)
jQuery除了包含原生JS中的内置数据类型(built-in datatype)，还包括一些扩展的数据类型(virtual types)，如Selectors、Events等，通过本文给大家分享14个jquery数据类型，感兴趣的朋友一起学习吧
2016-01-01
jquery+css实现简单的图片轮播效果
这篇文章主要介绍了jquery+css实现简单的图片轮播效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-08-08
jQuery插件echarts实现的多柱子柱状图效果示例【附demo源码下载】
这篇文章主要介绍了jQuery插件echarts实现的多柱子柱状图效果,结合完整实例形式分析了echarts绘制多柱子柱状图效果的操作步骤与相关实现技巧,并附带demo源码供读者下载参考,需要的朋友可以参考下
2017-03-03

最新评论