当前位置: 首页 > 图文教程 > 网络编程 > Javascript > jQuery 行背景颜色的交替显示(隔行变色)实现代码

Javascript
jQuery1.3全新的Sizzle引擎实现CSS选择器
网页里做异步的跨域请求
WEBJX收集9个小巧实用的jQuery插件
JavaScript教程:switch-case
Javascript代码:校验身份证号程序
Webjx收集jQuery图片切换效果插件
JS触发A标签的点击事件
把Javascript代码放到body结束之上
jQuery教程:认识jQuery
Javascript 验证表单插件
javascript教程:call方法
不同页面中调用JS代码乱码问题
JavaScript获取事件对象的注意事项
非常简单的jQuery实现网页图片圆角
史上最昂贵的 Javascript 代码
学习JavaScript后的小结
Javascript教程:caller函数和callee属性
解决用户恶意刷新的二级高亮样式菜单
PS教程:用Photoshop模拟日全食
JS实例教程:检查变量类型

Javascript 中的 jQuery 行背景颜色的交替显示(隔行变色)实现代码


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-10   浏览: 373 ::
收藏到网摘: n/a

主要是利用了jquery的attr为行添加样式来实现的,具体的代码如下。 一些css的定义,可以根据需要自己选择。
//显示单双行显示不同背景色【方法一】:
// $("#UL_id li:even").attr("className","redClass");
//显示单双行显示不同背景色【方法二】:
$("#UL_id li:even").addClass("redClass");
<ul id="UL_id">
<li>单数</li>
<li>双数</li>
<li>双数</li>
</ul>
odd:单
even:双
jQuery 表格隔行变色代码
li隔行换色改进版

JS控制表格隔行变色