温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

Jquery双色表格

发布时间:2020-06-09 08:45:11 来源:网络 阅读:329 作者:1120173856 栏目:web开发

Jquery双色表格

Jquery代码 :

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

<script type="text/javascript">
$(document).ready(function(){
$('#tb tbody tr:even').css("backgroundColor","#888");
});
</script>

HTML代码:
<table id="tb">
<tbody>
        <tr><td>第一行</td><td>第一行</td></tr>
        <tr><td>第二行</td><td>第二行</td></tr>
        <tr><td>第三行</td><td>第三行</td></tr>
        <tr><td>第四行</td><td>第四行</td></tr>
        <tr><td>第五行</td><td>第五行</td></tr>
        <tr><td>第六行</td><td>第六行</td></tr>
    </tbody>
</table>
 
说明:tr:even  选取索引是偶数的tr元素
 
 
附图:
 

Jquery双色表格

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI