简单实现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 Form轻松实现文件上传
May 24 jQuery
jQuery实现注册会员时密码强度提示信息功能示例
Sep 05 jQuery
解决html-jquery/js引用外部图片时遇到看不了或出现403的问题
Sep 22 jQuery
js与jQuery实现的用户注册协议倒计时功能实例【三种方法】
Nov 09 jQuery
javaScript和jQuery自动加载简单代码实现方法
Nov 24 jQuery
JS与jQuery实现ListBox上移,下移,左移,右移操作功能示例
May 31 jQuery
为jquery的ajax请求添加超时timeout时间的操作方法
Sep 04 jQuery
jQuery pagination分页示例详解
Oct 23 jQuery
jQuery实现的卷帘门滑入滑出效果【案例】
Feb 18 jQuery
jQuery三组基本动画与自定义动画操作实例总结
May 09 jQuery
Jquery滑动门/tab切换实现方法完整示例
Jun 05 jQuery
jquery插件实现图片悬浮
Apr 16 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检测useragent版本示例
2014/03/24 PHP
php实现的通用图片处理类
2015/03/24 PHP
[原创]php简单防盗链验证实现方法
2016/07/09 PHP
utf8的编码算法 转载
2006/12/27 Javascript
jQuery checkbox全选/取消全选实现代码
2009/11/14 Javascript
防止文件缓存的js代码
2013/01/10 Javascript
setTimeout()与setInterval()方法区别介绍
2013/12/24 Javascript
常用的Javascript设计模式小结
2015/12/09 Javascript
javascript基础语法学习笔记
2016/01/04 Javascript
Node.js重新刷新session过期时间的方法
2016/02/04 Javascript
巧用Javascript的逻辑运算符
2016/12/02 Javascript
详谈$.data()的用法和作用
2017/02/13 Javascript
JS回调函数基本定义与用法实例分析
2017/05/24 Javascript
JavaScript之promise_动力节点Java学院整理
2017/07/03 Javascript
JavaScript异步加载问题总结
2018/02/17 Javascript
vue-cli3 项目从搭建优化到docker部署的方法
2019/01/28 Javascript
JavaScript中.min.js和.js文件的区别讲解
2019/02/13 Javascript
TypeScript的安装、使用、自动编译的实现
2020/04/10 Javascript
[01:06:07]2014 DOTA2国际邀请赛中国区预选赛5.21 DT VS CIS
2014/05/22 DOTA
Python设计模式之单例模式实例
2014/04/26 Python
python实现给微信公众号发送消息的方法
2017/06/30 Python
python机器学习之神经网络(二)
2017/12/20 Python
python jieba分词并统计词频后输出结果到Excel和txt文档方法
2018/02/11 Python
Django1.9 加载通过ImageField上传的图片方法
2018/05/25 Python
解决python读取几千万行的大表内存问题
2018/06/26 Python
实例讲解Python中浮点型的基本内容
2019/02/11 Python
初次部署django+gunicorn+nginx的方法步骤
2019/09/11 Python
django form和field具体方法和属性说明
2020/07/09 Python
Python 微信公众号文章爬取的示例代码
2020/11/30 Python
全球最大的服务市场:Fiverr
2017/01/03 全球购物
eBay美国官网:eBay.com
2020/10/24 全球购物
2014年车间主任工作总结
2014/12/10 职场文书
小学运动会加油稿
2015/07/22 职场文书
社区宣传标语口号
2015/12/26 职场文书
初三化学教学反思
2016/02/22 职场文书
Java中多线程下载图片并压缩能提高效率吗
2021/07/01 Java/Android