$(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. Puppet

    一个完整的自动化运维包括系统安装.配置管理.服务监控三个方面.那今天咱们大家一起来学习一下Puppet实际运维中的案例.仅供参考,欢迎大家提更多的意见! 一.应用背景 某公司新到500台服务器,需要安 ...

  2. Maven项目报错:The superclass "javax.servlet.http.HttpServlet" was not found on the Java Build Path

    刚刚新建完Maven项目,一般都会报这个错误,原因是没有默认添加需要的javax.servelet的jar包,所以打开pom.xml文件添加如下dependency即可: <dependency ...

  3. SQL Server 表和索引存储结构

    在上一篇文章中,我们介绍了SQL Server数据文件的页面类型,系统通过96个字节的头部信息和系统表从逻辑层面上将表的存储结构管理起来,具体到表的存储结构上,SQL Server引入对象.分区.堆或 ...

  4. [Windows] VS2010代码模板添加版权信息

    通过以下方式可以自定义CS类文件代码模板(以下为VS2010,VS2008类似): 1,打开VS的安装目录,例如 D:\Program Files\Microsoft Visual Studio 10 ...

  5. leetcode题解:Tree Level Order Traversal II (二叉树的层序遍历 2)

    题目: Given a binary tree, return the bottom-up level order traversal of its nodes' values. (ie, from ...

  6. UICollectionView 简单应用和实际操作

    1.网格视图   UICollectionView      网格布局 UICollectionViewFlowLayout系统图自带网格布局 系统自带的网格布局 UICollectionViewFl ...

  7. iOS - UI - UISegmentedControl

    1.UISegmentedControl NSArray * array = @[@"red",@"green",@"yellow",@&q ...

  8. MySQL双主配置

    MySQL双主配置 准备环境:服务器操作系统为RHEL6.4 x86_64,为最小化安装.主机A和主机B均关闭防火墙和SELINUX ,IP地址分别为192.168.131.129和192.168.1 ...

  9. Failed to load IDE add in 'C:\Program Files\Delphi_2007\bin\Borland.Studio.Together.dll'.解决办法 转

    错误信息为: Failed to load IDE add in 'C:\Program Files\Delphi_2007\bin\Borland.Studio.Together.dll'.Exce ...

  10. 为Asp.Net Web Api添加Http基本认证

    Asp.net Web Api提供了RESTFul web服务的编程接口.默认RESTFul 服务没有提供任何验证或者基于角色的验证,这显然不适合Put.Post.Delete这些操作.Aps.net ...