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

浏览数：53 / 时间：2015年06月09日 
.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");
          });

 

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： class style log la sp io as ad bs class style log la sp io as ad bs

相关文章

随机文章

您可能还喜欢

您可能还喜欢