zoukankan      html  css  js  c++  java
  • JQ点击高亮显示

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title></title>
        <style type="text/css">
            .hightlight
            {
                background-color: ButtonFace;
            }
        </style>
        <script src="../Scripts/jquery-1.4.1.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(function () {
                $("table tr").click(function () {
                    // $(this).toggleClass("hightlight").siblings().removeClass("hightlight");
                    $(this).addClass("hightlight").siblings().removeClass("hightlight"); //当前点击的添加样式,兄弟节点删除样式
                });
            });
        </script>
    </head>
    <body>
        <table>
            <tr>
                <td>
                    sksdhfksdlfsdlf
                </td>
            </tr>
            <tr>
                <td>
                    sksdhfksdlfsdlf
                </td>
            </tr>
            <tr>
                <td>
                    sksdhfksdlfsdlf
                </td>
            </tr>
            <tr>
                <td>
                    sksdhfksdlfsdlf
                </td>
            </tr>
            <tr>
                <td>
                    sksdhfksdlfsdlf
                </td>
            </tr>
        </table>
    </body>
    </html>
  • 相关阅读:
    css优化篇
    select超全超详细总结篇
    meta总结
    富文本编辑
    textarea 换行处理
    07 DRF响应类:Response
    06 内部类
    05 序列化组件
    04 APIView的请求生命周期
    python中if __name__ == '__main__'是什么?
  • 原文地址:https://www.cnblogs.com/sumg/p/3742727.html
Copyright © 2011-2022 走看看