zoukankan      html  css  js  c++  java
  • 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"); });
  • 相关阅读:
    PyQT_Group
    单例模式演示-1-39-07
    RSqlBuilder
    RExcel
    RJson
    NodeJs开发目录
    NodeJs事件驱动
    NodeJs实用工具util
    NodeJs之global,process
    NodeJs两个简单调试技巧
  • 原文地址:https://www.cnblogs.com/stevenjson/p/4440825.html
Copyright © 2011-2022 走看看