jQuery实现隔行背景色变色

 更新时间:2014年11月24日 15:23:36   投稿:hebedich  
这篇文章给大家分享了jQuery实现隔行背景色变色的代码,有相同需要的小伙伴参考下吧

隔行变色有很多中方法来实现,之前我都是直接将判断代码写在程序中,今天我们来使用jQuery实现,代码奉上~

jQuery代码:

复制代码 代码如下:

       $(function(){
            var item = $("tr");
            for(var i=0;i<item.length;i++){
                if(i%2==0){
                    item[i].style.backgroundColor="#888";
                }
            }
            //$("#tb tbody tr:even").css("backgroundColor","#888");
 
        });

HTML代码:

复制代码 代码如下:

    <table id='tb'>
        <tbody>
            <tr><td>第一行</td><td>第一行</td></tr>
            <tr><td>第二行</td><td>第2行</td></tr>
            <tr><td>第三行</td><td>第3行</td></tr>
            <tr><td>第4行</td><td>第4行</td></tr>
            <tr><td>第5行</td><td>第5行</td></tr>
            <tr><td>第6行</td><td>第6行</td></tr>
        </tbody>
    </table>

是不是很好玩,小伙伴们其实可以用jQuery实现很多好玩的东西的,大家自由发挥吧

相关文章

  • jQuery基本过滤选择器使用介绍

    jQuery基本过滤选择器使用介绍

    简单过滤选择器:根据某类过滤规则进行元素的匹配,书写时都以冒号(:)开头;简单过滤选择器是过滤选择器中使用最广泛的一种,感兴趣的朋友可以参考下
    2013-04-04
  • 原生js和jquery实现图片轮播淡入淡出效果

    原生js和jquery实现图片轮播淡入淡出效果

    本文给大家分享的是使用原生的js和jQuery2种方法,分别实现图片轮播的淡入淡出效果的代码,非常实用,也方便小伙伴们对比分析,希望对大家学习js和jq能够有所帮助。
    2015-04-04
  • jquery分割字符串的方法

    jquery分割字符串的方法

    这篇文章主要介绍了jquery分割字符串的方法,涉及jQuery中使用split方法进行字符串分割的相关技巧,需要的朋友可以参考下
    2015-06-06
  • jquery实现动态操作select选中

    jquery实现动态操作select选中

    文章主要向大家介绍了jQuery 根据值或者文本选中select的方法和示例,非常实用的功能,需要的朋友可以参考下
    2015-02-02
  • jquery实现点击TreeView文本父节点展开/折叠子节点

    jquery实现点击TreeView文本父节点展开/折叠子节点

    今天客户提出要点击菜单(TreeView实现的)的父级节点时,展开节点,很多新手朋友可能对此会很陌生,接下来介绍解决方法,感兴趣的朋友可以了解下
    2013-01-01
  • 基于jquery实现滚轮放大缩小图片的函数代码

    基于jquery实现滚轮放大缩小图片的函数代码

    这篇文章主要介绍了基于jquery实现滚轮放大缩小图片的函数代码,需要的朋友可以参考下
    2023-05-05
  • JQuery实现防止退格键返回的方法

    JQuery实现防止退格键返回的方法

    这篇文章主要介绍了JQuery实现防止退格键返回的方法,实例分析了jQuery实现使Backspace不可用而浏览器中Backspace仍可用的方法,非常具有实用价值,需要的朋友可以参考下
    2015-02-02
  • jquery统计用户选中的复选框的个数

    jquery统计用户选中的复选框的个数

    使用选择器得到所有被勾选的复选框元素的集合,然后通过判断元素的个数来得到用户勾选的个数,需要的朋友可以参考下
    2014-06-06
  • jquery解析XML及获取XML节点名称的实现代码

    jquery解析XML及获取XML节点名称的实现代码

    下面小编就为大家带来一篇jquery解析XML及获取XML节点名称的实现代码。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-05-05
  • jQuery Dialog 弹出层对话框插件

    jQuery Dialog 弹出层对话框插件

    网上这种插件很多,但是没一个合适的,大部分都做得很大,功能齐全。于是自己做了这个小插件,顺便学习下jQuery插件的写法。
    2010-08-08

最新评论