首页 > Web开发 > 详细

jQuery table tr隔行变色,鼠标移入移出变色,鼠标点击变色

时间:2015-04-20 10:58:45      阅读:449      评论:0      收藏:0      [点我收藏+]
.trover
        {
            background: #f9f9f9;
        }
.trclick
        {
            background: #c4e8f5;
        }
.treven{
            background:#CCFFCC;
        }
.trodd{
           background:#ffffff;
        }

 


$(function () { //鼠标移入该行和鼠标移除该行的事件 jQuery("#ajaxTable tr:gt(0)").mouseover(function () { jQuery(this).addClass("trover"); }).mouseout(function () { jQuery(this).removeClass("trover"); }); //鼠标点击事件 $("#ajaxTable tr:gt(0)").bind("click", function () { $("#ajaxTable tr:gt(0)").removeClass("trclick"); $(this).addClass("trclick"); }); //为表格的奇偶行设定不同的颜色 jQuery("#ajaxTable tr:gt(0)").addClass("treven"); jQuery("#ajaxTable tr:gt(0)").addClass("trodd"); });

 

jQuery table tr隔行变色,鼠标移入移出变色,鼠标点击变色

原文:http://www.cnblogs.com/stevenjson/p/4440825.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!