JQ控制表格隔行换色和悬停换色

最新推荐文章于 2022-05-16 21:45:30 发布

原创最新推荐文章于 2022-05-16 21:45:30 发布 · 711 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#html #css #鼠标悬停换色 #表格隔行换色 #javascript

JavaScript 专栏收录该内容

79 篇文章

订阅专栏

本文将介绍如何使用JQuery实现表格隔行换色及悬停时换色的功能，包括代码示例和注意事项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JQ控制表格隔行换色和悬停换色

ps：本人亲测，阿里云2核4G5M的服务器性价比很高，新用户一块多一天，老用户三块多一天，最高可以买三年，感兴趣的可以戳一下：阿里云折扣服务器

隔行换色：<script type="text/javascript">
    $(document).ready(function(){
        $('.tablelist tbody tr:odd').addClass('odd');
    });
</script>


悬停换色：<script type="text/javascript">
    $(document).ready(function(){
        $('.tablelist tbody tr:hover').addClass('odd');
    });
</script>

	

注意：其中，tr:odd是隔行选取，tr:hover是悬停选取