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

.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");
          });

 

转载于:https://www.cnblogs.com/stevenjson/p/4440825.html