简单实现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 29 jQuery
js和jquery中获取非行间样式
May 05 jQuery
jQuery中hover方法搭配css的hover选择器,实现选中元素突出显示方法
May 08 jQuery
jQuery查找dom的几种方法效率详解
May 17 jQuery
jQuery使用ajax_动力节点Java学院整理
Jul 05 jQuery
JQuery通过后台获取数据遍历到前台的方法
Aug 13 jQuery
jQuery 点击获取验证码按钮及倒计时功能
Sep 20 jQuery
jQuery+PHP实现上传裁剪图片
Jun 29 jQuery
Easyui 关闭jquery-easui tab标签页前触发事件的解决方法
Apr 28 jQuery
jquery实现掷骰子小游戏
Oct 24 jQuery
使用jQuery实现掷骰子游戏
Oct 24 jQuery
jquery html添加元素/删除元素操作实例详解
May 20 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
如何跨站抓取别的站点的页面的补充
2006/10/09 PHP
从MySQL数据库表中取出随机数据的代码
2007/09/05 PHP
PHP 时间日期操作实战
2011/08/26 PHP
用PHP编写和读取XML的几种方式
2013/01/12 PHP
php中smarty模板条件判断用法实例
2015/06/11 PHP
php基于单例模式封装mysql类完整实例
2016/10/18 PHP
php微信开发之图片回复功能
2018/06/14 PHP
JS(jQuery)实现聊天接收到消息语言自动提醒功能详解【提示“您有新的消息请注意查收”】
2019/04/16 PHP
对new functionName()定义一个函数的理解
2014/05/22 Javascript
checkbox勾选判断代码分析
2014/06/11 Javascript
jQuery实现调整表格单列顺序完整实例
2016/06/20 Javascript
nodejs简单实现TCP服务器端和客户端的聊天功能示例
2018/01/04 NodeJs
vue项目环境变量配置的实现方法
2018/10/12 Javascript
微信小程序实现列表页的点赞和取消点赞功能
2018/11/02 Javascript
JS继承定义与使用方法简单示例
2020/02/19 Javascript
javascript贪吃蛇游戏设计与实现
2020/09/17 Javascript
在vue中动态修改css其中一个属性值操作
2020/12/07 Vue.js
[01:03:54]Liquid vs IG 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
解决Python 中英文混输格式对齐的问题
2018/07/16 Python
Python多进程原理与用法分析
2018/08/21 Python
opencv调整图像亮度对比度的示例代码
2019/09/27 Python
深入浅析Python 中的sklearn模型选择
2019/10/12 Python
如何理解python面向对象编程
2020/06/01 Python
浅谈pymysql查询语句中带有in时传递参数的问题
2020/06/05 Python
Django ModelForm组件原理及用法详解
2020/10/12 Python
详解webapp页面滚动卡顿的解决办法
2018/12/26 HTML / CSS
美国最古老的精致书写工具制造商:A.T. Cross(高仕)
2018/01/30 全球购物
建筑专业毕业生推荐信
2013/11/21 职场文书
餐饮业经理竞聘演讲稿
2014/01/14 职场文书
带薪年假请假条
2014/02/04 职场文书
2014教师个人自我评价范文
2014/09/13 职场文书
司法工作人员群众路线对照检查材料思想汇报
2014/09/30 职场文书
我在伊朗长大观后感
2015/06/16 职场文书
教师教育心得体会
2016/01/19 职场文书
AJAX实现省市县三级联动效果
2021/10/16 Javascript
IDEA 2022 Translation 未知错误 翻译文档失败
2022/04/24 Java/Android