zoukankan      html  css  js  c++  java
  • jQuery:1.5.4.1,表格变色(第一行是奇数)

    ylbtech-jQuery:jQuery学习

    jQuery语法实例

    表格变色
    效果截图
     
    jQuery:1.5.4.1,表格变色 HTML代码返回顶部
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title></title>
        <style type="text/css">
            .even{ background-color:Gray;} /*奇数行样式*/
            .odd{ background-color:Yellow;} /*偶数行样式*/
        </style>
        <script src="js/jquery.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(function () {
                $("tr:even").addClass("even");  /*给奇数行添加样式*/
                $("tr:odd").addClass("odd");  /*偶数行添加样式*/
            });
        </script>
    </head>
    <body>
    <h3>表格变色</h3>
        <table style=" 300px;">
            <tr>
                <th>
                    
                    name</th>
                <th>
                    sex</th>
                <th>
                    age</th>
            </tr>
            <tr>
                <td>
                    rain 
                </td>
                <td>
                    male 
                </td>
                <td>
                    
                    23</td>
            </tr>
            <tr>
                <td>
                    rain 
                </td>
                <td>
                    male 
                </td>
                <td>
                    
                    23</td>
            </tr>
            <tr>
                <td>
                    rain 
                </td>
                <td>
                    male 
                </td>
                <td>
                    
                    23</td>
            </tr>
            <tr>
                <td>
                    rain 
                </td>
                <td>
                    male 
                </td>
                <td>
                    
                    23</td>
            </tr>
            </table>
        <div>注意:$("tr:odd")和$("tr:even")选择器中的索引是从0开始的,因此第一行是奇数</div>
    </body>
    </html>
    jQuery:1.5.4.1.B,效果截图返回顶部

     表格变色

    warn 作者:ylbtech
    出处:http://ylbtech.cnblogs.com/
    本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
  • 相关阅读:
    测试管理工具
    测试用例--zy
    测试计划和测试用例
    测试用例
    软件测试基础
    异步任务 ---- django-celery
    图片验证码接口
    测试作业
    数据库原理
    HTTPS原理
  • 原文地址:https://www.cnblogs.com/ylbtech/p/2875450.html
Copyright © 2011-2022 走看看