简单实现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 UI Grid 模态框中的表格实例代码
Apr 01 jQuery
jQuery用户头像裁剪插件cropbox.js使用详解
Jun 07 jQuery
jQuery基于cookie实现换肤功能实例
Oct 14 jQuery
jQuery动态添加元素无法触发绑定事件的解决方法分析
Jan 02 jQuery
实现jquery放大镜的两种方法
Feb 22 jQuery
jQuery实现菜单的显示和隐藏功能示例
Jul 24 jQuery
jquery 动态遍历select 赋值的实例
Sep 12 jQuery
使用jquery Ajax实现上传附件功能
Oct 23 jQuery
viewer.js一个强大的基于jQuery的图像查看插件(支持旋转、缩放)
Apr 01 jQuery
jQuery插件simplePagination的使用方法示例
Apr 28 jQuery
jQuery+Ajax+js实现请求json格式数据并渲染到html页面操作示例
Jun 02 jQuery
jQuery实现可以扩展的日历
Dec 01 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中使用反射技术的架构插件使用说明
2010/05/18 PHP
smarty内置函数foreach用法实例
2015/01/22 PHP
PHP堆栈调试操作简单示例
2018/06/15 PHP
在laravel框架中实现封装公共方法全局调用
2019/10/14 PHP
php+layui数据表格实现数据分页渲染代码
2019/10/26 PHP
深入分析下javascript中的[]()+!
2015/07/07 Javascript
jquery实现手机号码选号的方法
2015/07/31 Javascript
基于javascript实现窗口抖动效果
2016/01/03 Javascript
Angular.js中用ng-repeat-start实现自定义显示
2016/10/18 Javascript
AngularJS监听路由变化的方法
2017/03/07 Javascript
微信小程序request出现400的问题解决办法
2017/05/23 Javascript
关于react中组件通信的几种方式详解
2017/12/10 Javascript
jQuery获取所有父级元素及同级元素及子元素的方法(推荐)
2018/01/21 jQuery
javascript性能优化之分时函数的介绍
2018/03/28 Javascript
发布Angular应用至生产环境的方法
2018/12/10 Javascript
nodejs微信开发之授权登录+获取用户信息
2019/03/17 NodeJs
浅谈VUE中演示v-for为什么要加key
2020/01/16 Javascript
JavaScript canvas实现跟随鼠标事件
2020/02/10 Javascript
python中正则表达式的使用方法
2018/02/25 Python
python的scikit-learn将特征转成one-hot特征的方法
2018/07/10 Python
详解python程序中的多任务
2020/09/16 Python
简单了解Python字典copy与赋值的区别
2020/09/16 Python
关于Python3的import问题(pycharm可以运行命令行import错误)
2020/11/18 Python
html5-Canvas可以在web中绘制各种图形
2012/12/26 HTML / CSS
美体小铺印度官网:The Body Shop印度
2019/10/17 全球购物
小学生暑假感言
2014/02/06 职场文书
办公室文员岗位职责范本
2014/06/12 职场文书
毕业证丢失证明范本
2014/09/20 职场文书
学校党的群众路线教育实践活动整改措施
2014/10/25 职场文书
四风问题专项整治工作情况报告
2014/10/28 职场文书
有限责任公司股东合作协议书
2014/12/02 职场文书
承诺书范本大全
2015/05/04 职场文书
小学少先队工作总结2015
2015/05/26 职场文书
朋友聚会开场白
2015/06/01 职场文书
护士自荐信范文(2016推荐篇)
2016/01/28 职场文书
Redis集群新增、删除节点以及动态增加内存的方法
2021/09/04 Redis