jQuery:1.5.4.2,表格变色(从第二行开始)

简介:
ylbtech-jQuery:jQuery学习

jQuery语法实例

表格变色
效果截图
 
jQuery:1.5.4.2,表格变色(从第二行开始) 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 () {
            $("tbody>tr:even").addClass("even");  /*给奇数行添加样式*/
            $("tbody>tr:odd").addClass("odd");  /*偶数行添加样式*/
        });
    </script>
</head>
<body>
<h3>表格变色</h3>
    <table style="width: 300px;">
    <thead>
      <tr>
            <th>
                
                name</th>
            <th>
                sex</th>
            <th>
                age</th>
        </tr>
    </thead>
    <tbody>      
        <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>
        <tbody>
    </table>
</body>
</html>
复制代码
jQuery:1.5.4.2.B,效果截图返回顶部

 ylbtech-iquery-table2


本文转自ylbtech博客园博客,原文链接:http://www.cnblogs.com/ylbtech/archive/2013/01/25/2875608.html,如需转载请自行联系原作者

相关文章
|
6月前
|
JavaScript
jQuery 表格全选反选
jQuery 表格全选反选
29 0
|
3月前
|
XML JavaScript 小程序
使用jquery treetable 实现树形表格拖拽
这里记录一下使用jquery treetable时遇到的坑。 我这里的需求是做一个树形表格,并且可拖拽。 最后要实现的效果大概是这样的:(文末有实例)
21 0
|
4月前
|
JavaScript BI
jQuery根据填写的input的数值导出excel表格
jQuery根据填写的input的数值导出excel表格
17 0
|
4月前
|
JavaScript Java
jQuery+Datatables实现表格批量删除功能
jQuery+Datatables实现表格批量删除功能
22 0
|
6月前
|
JavaScript
jQuery 动态添加表格数据
jQuery 动态添加表格数据
23 0
|
JavaScript 前端开发 Java
jquery实现动态表格项目(表格增加删除/全选/表格变色特效等功能)(附源码+javaWEB开发如果需要可以直接使用)
jquery实现动态表格项目(表格增加删除/全选/表格变色特效) 🍅 Java学习路线:搬砖工的Java学习路线 🍅 作者:程序员小王 🍅 程序员小王的博客:https://www.wolai.com/wnaghengjie/ahNwvAUPG2Hb1Sy7Z8waaF 🍅 扫描主页左侧二维码,加我微信 一起学习、一起进步 🍅 欢迎点赞 👍 收藏 ⭐留言 📝
245 0
jquery实现动态表格项目(表格增加删除/全选/表格变色特效等功能)(附源码+javaWEB开发如果需要可以直接使用)
|
JavaScript
Jquery实现表格动态增加一行,删除一行(最简洁的代码实现)
Jquery实现表格动态增加一行,删除一行(最简洁的代码实现)
484 0
Jquery实现表格动态增加一行,删除一行(最简洁的代码实现)
|
JavaScript Java
动态添加表格并增加Jquery校验
动态添加表格并增加Jquery校验
68 0
|
JavaScript 前端开发
jQuery实现表格行的删除和增加
使用jQuery实现对表格元素行的删除和增加效果
195 0
jQuery实现表格行的删除和增加
|
JavaScript
jQuery 中使用 DOM 操作节点,对页面中的表格实现增、删、查、改操作
jQuery 中使用 DOM 操作节点,对页面中的表格实现增、删、查、改操作
258 0
jQuery 中使用 DOM 操作节点,对页面中的表格实现增、删、查、改操作