前端开发

 首页 > 前端开发 > jquery教程 > jQuery实现隔行背景色变色_jquery_自学php网

jQuery实现隔行背景色变色_jquery_自学php网

分享到：
【字体：大 中 小】
导读：
          这篇文章给大家分享了jQuery实现隔行背景色变色的代码，有相同需要的小伙伴参考下吧...

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

jQuery代码：

复制代码 代码如下:

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

HTML代码：

复制代码 代码如下:

   
       
           
           
           
           
           
           
       
   
第一行第一行
第二行第2行
第三行第3行
第4行第4行
第5行第5行
第6行第6行

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

分享到：
jQuery实现统计复选框选中数量_jquery_自...
代码很简介，功能也很简单，但是却很实用，这里就不细说明了直接上代码 jQuery代码： 复制代码 代码如下:         function countNum(){           //alert($('input[name=check]:checked').length);          var arrays = new Array();           var items = doc...
使表格的标题列可左右拉伸jquery插件封装...
插件名称命名为:jquery.tableresize.js，代码如下： 复制代码 代码如下: /* Writen by mlcactus, 2014-11-24 这是我封装的一个jquery插件，能够使table的各列可以左右拉伸，从而使宽度变小或变大 用法： 单个table：$("#table_id").tableresize();    页面所有table：$("table").tableresize(); */ (funct...
  •         php迷，一个php技术的分享社区，专属您自己的技术摘抄本、收藏夹。
  • 在这里……

Tags

网站声明：本站所有视频，教程都由网友上传，站长收集和分享给大家学习使用，如由牵扯版权问题请联系站长邮箱  冀ICP备18013926号-2