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/
    本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
  • 相关阅读:
    zookeeper
    linux命令大全
    多态1
    单例模式
    java this
    java 构造代码块
    java return
    mapreduce实现分组求最大
    数据相关脚本
    mapreduce实现社交中共同好友
  • 原文地址:https://www.cnblogs.com/ylbtech/p/2875450.html
Copyright © 2011-2022 走看看