简单实现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表单设置值的方法
Jun 30 jQuery
vue单页应用中如何使用jquery的方法示例
Jul 27 jQuery
基于jQuery的表单填充实例
Aug 22 jQuery
jquery在vue脚手架中的使用方式示例
Aug 29 jQuery
React中jquery引用的实现方法
Sep 12 jQuery
jquery radio 动态控制选中失效问题的解决方法
Feb 28 jQuery
jQuery实现form表单序列化转换为json对象功能示例
May 23 jQuery
JQuery Ajax动态加载Table数据的实例讲解
Aug 09 jQuery
jQuery事件blur()方法的使用实例讲解
Mar 30 jQuery
jQuery实现轮播图源码
Oct 23 jQuery
jquery 键盘事件 keypress() keydown() keyup()用法总结
Oct 23 jQuery
jQuery冲突问题解决方法
Jan 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
PHP5.2下preg_replace函数的问题
2015/05/08 PHP
Thinkphp5框架实现图片、音频和视频文件的上传功能详解
2019/08/27 PHP
JavaScript Chart 插件整理
2010/06/18 Javascript
JS动态创建Table,Tr,Td并赋值的具体实现
2013/07/05 Javascript
jquery访问ashx文件示例代码
2014/08/11 Javascript
jQuery事件用法实例汇总
2014/08/29 Javascript
jQuery中data()方法用法实例
2014/12/27 Javascript
jQuery跨域问题解决方案
2015/08/03 Javascript
JS实现样式清新的横排下拉菜单效果
2015/10/09 Javascript
JavaScript给input的value赋值引发的关于基本类型值和引用类型值问题
2015/12/07 Javascript
浅析Javascript的自动分号插入(ASI)机制
2016/09/29 Javascript
vue.js删除动态绑定的radio的指定项
2017/06/02 Javascript
React根据宽度自适应高度的示例代码
2017/10/11 Javascript
使用jQuery 操作table 完成单元格合并的实例
2017/12/27 jQuery
jQuery中ajax获取数据赋值给页面的实例
2017/12/31 jQuery
JS实现将对象转化为数组的方法分析
2019/01/21 Javascript
javascript中数组的常用算法深入分析
2019/03/12 Javascript
pm2发布node配置文件ecosystem.json详解
2019/05/15 Javascript
浅谈Vue的响应式原理
2019/05/30 Javascript
[03:14]DOTA2斧王 英雄基础教程
2013/11/26 DOTA
python定时采集摄像头图像上传ftp服务器功能实现
2013/12/23 Python
在Python的web框架中编写创建日志的程序的教程
2015/04/30 Python
使用Python生成XML的方法实例
2017/03/21 Python
修改python plot折线图的坐标轴刻度方法
2018/12/13 Python
python 使用plt画图,去除图片四周的白边方法
2019/07/09 Python
CSS3教程(4):网页边框和网页文字阴影
2009/04/02 HTML / CSS
卡骆驰新加坡官网:Crocs新加坡
2018/06/12 全球购物
董事长助理工作职责
2014/06/08 职场文书
拒绝黄毒毒宣传标语
2014/06/26 职场文书
物流仓管员岗位职责
2015/04/01 职场文书
施工员岗位职责范本
2015/04/11 职场文书
勤俭节约倡议书范文
2015/04/29 职场文书
幼儿教师远程研修感悟
2015/11/18 职场文书
2016党员干部反腐倡廉心得体会
2016/01/13 职场文书
2019假期福利管理制度!
2019/07/15 职场文书
Redis分布式锁Redlock的实现
2021/08/07 Redis