使用jQuery实现,奇偶行变色的小例子:
以下是部分HTML代码:
<table id="t" border="1" cellspacing="0px" cellpadding="0px" align="center" width="100%">
<tr style="color:yellow;background-color:blue">
<th>请选择</th>
<th>用户编号</th>
<th>用户姓名</th>
<th>用户性别</th>
<th>用户年龄</th>
<th>所属部门</th>
<th>执行修改</th>
<th>查看详细</th>
</tr>
<logic:iterate id="emp" name="MapUsers" property="UserList">
<tr>
<td align="center"><input type="checkbox" name="chk" value="${emp.userid }" onclick="get_onclick(this)"></td>
<td align="center">${emp.userid }</td>
<td align="center">${emp.username }</td>
<td align="center">${emp.sex }</td>
<td align="center">${emp.age }</td>
<td align="center">${emp.dept.dname }</td>
<td align="center"><A href="#">修改</A></td>
<td align="center"><A href="#">详细信息</A></td>
</tr>
</logic:iterate>
</table>
javascript代码:
//奇数行换颜色;
onload = function(){
jQuery("#t>tbody>tr:odd").css("backgroundColor","LightCyan");
}
分享到:
相关推荐
jQuery table选中表格行变色 jQuery table选中表格行变色 jQuery table选中表格行变色
这是一款简洁美观的通过js载入表格数据,点击选中表格行变色特效。jQuery Table选中表格行变色代码。
jQuery Table选中表格行变色代码是一款通过js载入表格数据,点击选中表格行变色代码。
table鼠标经过时整行变色 jquerytable鼠标经过时整行变色 jquery
这是一款简洁美观的通过js载入表格数据,点击选中表格行变色特效。jQuery Table选中表格行变色代码。
jquery自下而上循环滚动table
jQuery动态生成隔行变色的table,使用jQuery+css+json实现
主要介绍了jQuery获取table下某一行某一列的值实现代码的相关资料,需要的朋友可以参考下
主要介绍了jQuery实现动态给table赋值的方法,结合具体实例形式分析了jQuery动态操作table表格节点的相关技巧,需要的朋友可以参考下
利用jquery实现table上下行移动互换,jquery库另行下载
jquery css 设置table的奇偶行背景色
jquery table鼠标滑过隔行变色表格样式代码
下面小编就为大家带来一篇利用jquery给指定的table动态添加一行、删除一行的方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
jquery-2.table2excels. 1、需要引入jquery.js和jquery.table2excel.min.js 2、增加绑定事件,例子: ------------------- //导出excel $("#output").click(function(){ var myDate = new Date(); $("#example")....
使用jQuery为表格添加合计行,方法依赖jQuery,方法中使用到的JQ是jQuery中的$方法的别名
今天上午对checkbox相关事件整合了下,运用jquery相关知识,整理table中隔行换色,选中变色,全选,反选等操作,并且对table动态添加行进行了相关整理。
通过jQuery选取table的第一行,第一列。
Jquery Table 固定行和列,有需要的朋友拿去
jqueryTable编辑的实现 鼠标点击表格即可编辑,onblur时候出发Ajax时间 保存数据(带娇艳功能)。