jQuery实现隔行背景色变色
2014-11-24 00:00
435 查看
隔行变色有很多中方法来实现,之前我都是直接将判断代码写在程序中,今天我们来使用jQuery实现,代码奉上~
jQuery代码:
HTML代码:
是不是很好玩,小伙伴们其实可以用jQuery实现很多好玩的东西的,大家自由发挥吧
jQuery代码:
$(function(){ var item = $("tr"); for(var i=0;i<item.length;i++){ if(i%2==0){ item[i].style.backgroundColor="#888"; } } //$("#tb tbody tr:even").css("backgroundColor","#888"); });
HTML代码:
<table id='tb'> <tbody> <tr><td>第一行</td><td>第一行</td></tr> <tr><td>第二行</td><td>第2行</td></tr> <tr><td>第三行</td><td>第3行</td></tr> <tr><td>第4行</td><td>第4行</td></tr> <tr><td>第5行</td><td>第5行</td></tr> <tr><td>第6行</td><td>第6行</td></tr> </tbody> </table>
是不是很好玩,小伙伴们其实可以用jQuery实现很多好玩的东西的,大家自由发挥吧
相关文章推荐
- jQuery实现隔行背景色变色
- 利用jquery一句话实现隔行变色
- jQuery实现table表格隔行换色鼠标经过变色
- 用jquery实现隔行变色
- jQuery实现table表格隔行换色鼠标经过变色
- 用JQuery实现表格隔行变色和突出显示当前行的代码
- 用jQuery实现表格的隔行变色
- jQuery 行背景颜色的交替显示(隔行变色)实现代码
- 多款jquery实现隔行换色、多选框选中变色【强大】
- 使用JavaScript和jQuery实现隔行变色
- 用JQuery实现表格隔行变色和突出显示当前行
- JQuery实现表格隔行换色,鼠标移动变色,点击选择变色
- jQuery实现隔行变色代码
- jQuery 行背景颜色的交替显示(隔行变色)实现代码
- jquery实现隔行变色
- jQuery实现隔行变色
- php简单分页 和 jquery实现超简单的隔行变色
- jQuery遍历实现隔行变色
- 简单的jQuery实现表格隔行变色以及鼠标划上突出显示
- jQuery轻松实现表格的隔行变色,点击行变色