简单实现jquery隔行变色


Posted in jQuery onNovember 09, 2017

本文实例为大家分享了jquery隔行变色展示的具体代码,供大家参考,具体内容如下

效果图

简单实现jquery隔行变色

代码

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<script type="text/javascript" src="js/jquery-2.1.0.js"></script>
<script type="text/javascript">
$(function(){
$("tr:odd").attr("bgColor","#DD1C73");
$("tr:even").attr("bgColor","#875BE6");
})
</script>
<body>
<form id="form1" runat="server"> 
  <div> 
  <table width="300px"> 
      <tr><td>11111</td></tr> 
      <tr><td>22222</td></tr> 
      <tr><td>33333</td></tr> 
      <tr><td>44444</td></tr> 
      <tr><td>55555</td></tr> 
      <tr><td>55555</td></tr> 
  </table> 
 
  </div> 
  </form> 
</body>
</html>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

jQuery 相关文章推荐
jquery实现图片平滑滚动详解
Mar 22 jQuery
jQuery插件FusionCharts实现的MSBar2D图效果示例【附demo源码】
Mar 24 jQuery
jQuery.form.js的使用详解
Jun 14 jQuery
jquery.uploadView 实现图片预览上传功能
Aug 10 jQuery
jquery实现左右轮播图效果
Sep 28 jQuery
jquery实现回车键触发事件(实例讲解)
Nov 21 jQuery
jQuery中库的引用方法
Jan 06 jQuery
Vue项目中使用jquery的简单方法
May 16 jQuery
jQuery子选择器与可见性选择器实例分析
Jun 28 jQuery
jquery实现进度条状态展示
Mar 26 jQuery
jQuery 淡入/淡出效果函数用法分析
May 19 jQuery
jQuery实现评论模块
Aug 19 jQuery
jQuery实现的简单无刷新评论功能示例
Nov 08 #jQuery
详解在vue-cli中引用jQuery、bootstrap以及使用sass、less编写css
Nov 08 #jQuery
基于jQuery的$.getScript方法去加载javaScript文档解析
Nov 08 #jQuery
基于jQuery中ajax的相关方法汇总(必看篇)
Nov 08 #jQuery
javascript+jQuery实现360开机时间显示效果
Nov 03 #jQuery
基于jQuery解决ios10以上版本缩放问题
Nov 03 #jQuery
jQuery简单实现对数组去重及排序操作实例
Oct 31 #jQuery
You might like
php多文件上传功能实现原理及代码
2013/04/18 PHP
使用Smarty 获取当前日期时间和格式化日期时间的方法详解
2013/06/18 PHP
浅谈json_encode用法
2015/03/05 PHP
Zend Framework教程之Application用法实例详解
2016/03/14 PHP
找到了一篇jQuery与Prototype并存的冲突的解决方法
2007/08/29 Javascript
几个比较经典常用的jQuery小技巧
2010/03/01 Javascript
转换json格式的日期为Javascript对象的函数
2010/07/13 Javascript
jquery中选择块并改变属性值的方法
2013/07/31 Javascript
jquery实现隐藏在左侧的弹性弹出菜单效果
2015/09/18 Javascript
Javascript的表单验证-揭开正则表达式的面纱
2016/03/18 Javascript
BootStrap点击下拉菜单项后显示一个新的输入框实现代码
2016/05/16 Javascript
全面了解addEventListener和on的区别
2016/07/14 Javascript
原生JS查找元素的方法(推荐)
2016/11/22 Javascript
Angular实现较为复杂的表格过滤,删除功能示例
2017/12/23 Javascript
当vue路由变化时,改变导航栏的样式方法
2018/08/22 Javascript
在SSM框架下用laypage和ajax实现分页和数据交互的方法
2019/09/27 Javascript
JavaScript 引用类型实例详解【数组、对象、严格模式等】
2020/05/13 Javascript
JavaScript实现HSL拾色器
2020/05/21 Javascript
微信小程序绘制半圆(弧形)进度条
2020/11/18 Javascript
[07:27]DOTA2卡尔工作室 英雄介绍水晶室女篇
2013/06/21 DOTA
[57:38]2018DOTA2亚洲邀请赛3月30日 小组赛A组 OpTic VS OG
2018/03/31 DOTA
[38:40]2018DOTA2亚洲邀请赛 4.6淘汰赛 mineski vs LGD 第一场
2018/04/10 DOTA
python检测远程服务器tcp端口的方法
2015/03/14 Python
Python 实现中值滤波、均值滤波的方法
2019/01/09 Python
如何使用python把ppt转换成pdf
2019/06/29 Python
解决django中ModelForm多表单组合的问题
2019/07/18 Python
python字典按照value排序方法
2020/12/28 Python
HTML5 history新特性pushState、replaceState及两者的区别
2015/12/26 HTML / CSS
linux面试题参考答案(8)
2016/04/19 面试题
自我鉴定范文300字
2013/10/01 职场文书
函授本科自我鉴定
2013/11/03 职场文书
我与祖国共奋进演讲稿
2014/09/13 职场文书
2015年社区中秋节活动总结
2015/03/23 职场文书
CSS的class与id常用的命名规则
2021/05/18 HTML / CSS
Java Socket实现Redis客户端的详细说明
2021/05/26 Redis
Python可视化动图组件ipyvizzu绘制惊艳的可视化动图
2022/04/21 Python