$(document).ready(function () {

    $(".Pub_TB tbody tr:even td").css("background-color", "#dbdbdb"); //隔行换色

    /*************/
//鼠标滑过的样式
$(".Pub_TB tbody tr:odd ").attr("bg", "#e8e8e8");
$(".Pub_TB tbody tr:even").attr("bg", "#dbdbdb"); $(".Pub_TB tbody tr td").mouseover(function () {
$(this).parent().find("td").css("background-color", "#bdb9b9");
});
$(".Pub_TB tbody tr td").mouseout(function () {
var bgc = $(this).parent().attr("bg");
$(this).parent().find("td").css("background-color", bgc);
}); /*************/ })
<table class="Pub_TB">
<tr>
<th style="width:5%">序号</th>
<th>项目名称</th>
<th style="width:10%">送报月份</th>
<th style="width:15%">送报状态</th>
<th style="width:20%">提醒方式</th>
<th style="width:15%">管理</th>
</tr>
<tbody>
<tr>
<td>01</td>
<td>川南步行街</td>
<td>2016.01.01</td>
<td></td>
<td><span>短信提醒</span><span>邮箱提醒</span></td>
<td class="oper"><a href="">[查看]</a>
<a href="">[修改]</a>
<a href="">[报送]</a></td>
</tr>
<tr>
<td>01</td>
<td>川南步行街</td>
<td>2016.01.01</td>
<td></td>
<td><span>短信提醒</span><span>邮箱提醒</span></td>
<td class="oper"><a href="">[查看]</a>
<a href="">[修改]</a>
<a href="">[报送]</a></td>
</tr>
<tr>
<td>01</td>
<td>川南步行街</td>
<td>2016.01.01</td>
<td></td>
<td><span>短信提醒</span><span>邮箱提醒</span></td>
<td class="oper"><a href="">[查看]</a>
<a href="">[修改]</a>
<a href="">[报送]</a></td>
</tr>
</tbody>
</table>

注意tbody

JQuery 表格 隔行换色 和鼠标滑过的样式的更多相关文章

  1. jQuery表格隔行换色和全选的实现

    1.下载jQuery,并导入:https://blog.csdn.net/weixin_44718300/article/details/88746796 2.代码实现: <!DOCTYPE h ...

  2. jQuery实现表格隔行换色且感应鼠标高亮行变色

    jQuery插件实现表格隔行换色且感应鼠标高亮行变色 http://www.jb51.net/article/41568.htm jquery 操作DOM的基本用法分享http://www.jb51. ...

  3. jQuery插件实现表格隔行换色且感应鼠标高亮行变色

    实现表格隔行换色,且感应鼠标行变色的方法有很多,在本文将为大家介绍的是使用jQuery插件来实现,具体如下 看代码: : css代码:  

  4. JQuery案例一:实现表格隔行换色

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  5. jQuery应用实例2:表格隔行换色

    这里是用JS实现的:http://www.cnblogs.com/xuyiqing/p/8376312.html 接下来利用上一篇提到的选择器利用jQuery实现: 发现原来多行代码这里只需要两行: ...

  6. jQuery学习(四)——使用JQ完成表格隔行换色

    1.步骤分析: 第一步:引入jquery的类库 第二步:直接写页面加载函数 第三步:直接使用jquery的选择器(组合选择)拿到需要操作的元素(奇数行和偶数行) 第四步:分别使用CSS的方法(css( ...

  7. JS应用实例4:表格隔行换色

    HTML代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <t ...

  8. js实现表单的隔行换色、鼠标高亮出来等相关内容以及相关事件的作用

    主要是使用的onload().onmouseover和onmouseout的相关应用,满足此次的相关操作. 具体的相关的两个代码如下: <!DOCTYPE html> <html&g ...

  9. table 表格隔行换色实现

    table 表格隔行换色实现 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "htt ...

随机推荐

  1. tq2440开发板基本配置

    时钟配置及分配 tq2440的晶振频率是12MHz,在uboot中有如下语句:   #define S3C2440_CLKDIV 0x05 /* FCLK:HCLK:PCLK = 1:4:8, UCL ...

  2. java中的链式编程

    听到链式编程听陌生的,但是写出来就感觉其实很熟悉 package test; public class Test { String name; String phone; String mail; S ...

  3. Linux常用命令速查备忘

    Linux常用命令速查备忘   PS:备忘而已,详细的命令参数说明自己man 一. 启动,关机,登入,登出相关命令 [login] 登录 [logout] 登出 [exit] 登出 [shutdown ...

  4. 企业级搜索引擎Solr 第三章 索引数据(Indexing Data)[2]--DIH

    转载:http://quweiprotoss.wap.blog.163.com/w2/ DIH需要在solrconfig.xml中注册,如下: <requestHandler name=&quo ...

  5. [Java,MVC] Eclipse下搭建Spring MVC

    转自:http://blog.csdn.net/blue_jjw/article/details/8752466 一.新建Dynamic Web Project 一个web工程最基本的,只看3个地方, ...

  6. #技塑人生# windows2008无法远程— 注册表缺失键值导致高级防火墙服务异常

    windows2008无法远程— 注册表缺失键值导致高级防火墙服务异常 阿里云技术支持中心:章阿贵 一.远程无法访问(windows server 2008) 症状:无法远程但是系统内网络正常,防火墙 ...

  7. mina 字节数组编解码器的写法 II

    I 里面的写法不够严谨,这也是我之前说它简陋的主要原因,下面来个更加严谨.完整一点儿的: ByteArrayEncoder.java package org.bruce.mina.cpp.codec; ...

  8. Ubuntu下安装QT

    环境 Ubuntu 9.10 qt4.7.3 gcc 4.4 Ubuntu中缺少 make 首先安装  sudo apt-get install make 如果不知道缺少啥,就按下面的装 1.sudo ...

  9. Linux与Windows文件传输实现

    Linux与Windows文件传输实现 一.概述 在学习Linux服务器的时候,我们有时需要与Windows下的文件进行交互传输,这个时候我们需要如何实现呢?今天是我第一次在博客园上写文章,此时正值学 ...

  10. CF 335B - Palindrome 区间DP

    335B - Palindrome 题目: 给出一个字符串(均有小写字母组成),如果有长度为100的回文子串,输出该子串.否则输出最长的回文子串. 分析: 虽然输入串的长度比较长,但是如果存在单个字母 ...