zoukankan      html  css  js  c++  java
  • JQuery练习demo1(隔行变色)

    1.效果如图:

      

    2.代码:

    代码
    <!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">
    #tb
    {
    width
    :150px;
    text-align
    :center;
    }
    .tr_color
    {
    background-color
    :#888;
    }
    </style>

    <script src="JQuery/jquery-1.4.2.js" type="text/javascript"></script>

    <script type="text/javascript">
    $(document).ready(
    function() {
    // var $tr = $("tr");

    // for (var i = 0; i < $tr.length; i++) {
    // if (i % 2 == 0) {
    // $tr[i].style.backgroundColor = "#888";
    // }
    // }

    $(
    "tr:even").addClass("tr_color"); //odd为奇书 even偶数
    });
    </script>
    </head>
    <body>
    <table id="tb">
    <tbody>
    <tr><td>第一行</td></tr><tr><td>第一行</td></tr>
    <tr><td>第二行</td></tr><tr><td>第二行</td></tr>
    <tr><td>第三行</td></tr><tr><td>第三行</td></tr>
    <tr><td>第四行</td></tr><tr><td>第四行</td></tr>
    <tr><td>第五行</td></tr><tr><td>第五行</td></tr>
    <tr><td>第六行</td></tr><tr><td>第六行</td></tr>
    </tbody>
    </table>
    </body>
    </html>
  • 相关阅读:
    测试流程之需求评审
    如何编写测试计划
    一定要知道的,那些Linux操作命令
    线上bug分析
    做一个靠谱的软件测试人员
    测试方向
    怎样才能提交一个让开发人员拍手叫好的bug单
    软件测试职业发展
    MongoDB的启动流程
    百度语音
  • 原文地址:https://www.cnblogs.com/xqhppt/p/1733035.html
Copyright © 2011-2022 走看看