苏飞论坛

标题: jquery根据样式选择奇偶行并设置颜色的方法 [打印本页]

作者: 站长苏飞 时间: 2013-11-5 10:26
标题: jquery根据样式选择奇偶行并设置颜色的方法
jquery根据样式选择奇偶行并设置颜色的方法

很简单看下面代码
[code=html] <script type="text/javascript">
         $(function(){
            //可以是:
            $('.tr:even').css('background','red');
            $('.tr:odd').css('background','blue');
         });
      </script> [/code]

就是这么简单
选择奇数是的tr:odd
选择偶数的是tr:even

作者: 站长苏飞 时间: 2013-11-5 10:40
这样实现最好
[code=csharp]<script>

$(function () {
      //奇数
      $('div[name="trdiv"]:odd').css('background', 'blue').mouseout(function () {
         $(this).css('background', 'blue')
      }).mouseover(function () {
         $(this).css('background', '#ffffcc')
      });
      //偶数
      $('div[name="trdiv"]:even').mouseover(function () {
         $(this).css('background', '#ffffcc')
      }).mouseout(function () {
         $(this).css('background', '')
      });
});
</script>[/code]

作者: ＾陪妳ソ看日落 时间: 2013-11-5 21:44
当我看到会 jquery 的人都是大神

欢迎光临苏飞论坛 (http://www.sufeinet.com/)