首先,在php中引入Jquery,之后就可写代码了:

<script type="text/javascript">
$(document).ready(function(e){$("tr").each(function(i){this.style.backgroundColor = ["#ccc","#fff"][i%2]});
});
</script>

同理,也可做隔单元格变色。

也可使用click方法,输出点击单元格的html内容:

<script type="text/javascript">
$(document).ready(function(e){$("td")click(function(){alert($(this).html());})
});
</script>

转载于:https://www.cnblogs.com/dongqiaozhi/p/5745625.html

8月7日 使用Jquery做表格的隔行变色,点击事件相关推荐

  1. 【历史上的今天】8 月 26 日:jQuery 发布;中国第一台百万次计算机试制成功

    整理 | 王启隆 透过「历史上的今天」,从过去看未来,从现在亦可以改变未来. 你的公司如今还在使用 jQuery 吗?今天是 2021 年 8 月 26 日,15 年前的今天,JavaScript 框 ...

  2. 【历史上的今天】5 月 8 日:jQuery 之父诞生;闪存的发明者出生;戴尔收购 Alienware

    整理 | 王启隆 透过「历史上的今天」,从过去看未来,从现在亦可以改变未来. 今天是 2022 年 5 月 8 日,在 1973 年的今天,土豆网前CEO,追光动画创始人王微出生.王微拥有欧洲工商管理 ...

  3. 如何避免贫穷和忙碌,在2018年你需要这样提升自己 2018年01月07日 00:00:00 2099 热文导读 | 点击标题阅读 Java和Android架构2017年总结:文章精选 吊炸天!74

    如何避免贫穷和忙碌,在2018年你需要这样提升自己 2018年01月07日 00:00:00 2099 热文导读 | 点击标题阅读 Java和Android架构2017年总结:文章精选 吊炸天!74款 ...

  4. 前端简单入门第十八讲 使用jQuery实现表格的隔行换色

    还记得之前我使用JavaScript来实现表格的隔行换色效果吗?如果读者初次翻阅本文,可记得看看前端简单入门第十二讲 使用JavaScript完成后台数据展示表格的隔行换色!现在我就来使用jQuery ...

  5. ajax点击事件无法触发,解决jQuery Ajax动态新增节点无法触发点击事件的问题_婳祎_前端开发者...

    在写ajax加载数据的时候发现,后面添加进来的demo节点元素,失去了之前的点击事件.为什么点击事件失效,我们该怎么去解决呢? 其实最简单的方法就是直接在标签中写οnclick="" ...

  6. jQuery动态添加按钮,绑定点击事件失效

    jQuery动态添加按钮,绑定点击事件失效 因为需求需要给页面动态添加按钮并绑定点击事件进行操作, 但是发现绑定的点击事件失效. 原因分析: append中的节点是在整个文档加载完之后开始添加,因此页 ...

  7. 11月8日下午Jquery取属性值(复选框、下拉列表、单选按钮)、做全选按钮、JSON存储、去空格...

    1.jquery取复选框的值 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "htt ...

  8. 基于JQuery做的一个简单的点击显示和隐藏的小Demo

    最近新加入了一个公司,并接手到了一个新项目,是基于 Spring + Spring MVC + MyBatis 架构来搭建的,在公司领导的需求下修改功能,需要修改些修改些前端页面,原本很简单的就是一个 ...

  9. jquery+javascript触发a标签的点击事件

    今天项目经理跟我说window.open()在一些浏览器上会被拦截,当时的解决方案是:用a标签的target="_blank"属性也可以打开窗体页面 于是解决了A问题出现了B问题: ...

  10. 11月2日随堂笔记-表格

    1.表格简介 HTML中的表格可以大致分为三个部分: thead ---表格的页眉 tbody ---表格的主体 tfoot ---定义表格的页脚 thead, tbody, tfoot 相当于三间房 ...

最新文章

  1. angularjs http和ajax,AngularJS $ http和$ resource
  2. 推荐 12 个提升程序员软技能与效率的必备工具,爱了爱了!
  3. boost::disjoint_sets_with_storage用法的测试程序
  4. java学习开发环境的构建
  5. Unity 导出Supermap exe
  6. 如何对一个变量数据进行正则判定_数值数据与数值数据的分析
  7. JsBarcode的使用
  8. Win10专业版彻底禁用自动更新
  9. 易地推拓客分享:内容获客是最稳定的获客方式之一
  10. oracle mysql什么意思_oracle数据库中这些语句都是什么意思啊?
  11. 区块链重塑经济与世界
  12. 如何用搜狗拼音输入法输入希腊字母
  13. iPhone开发 - 3D - 建立3D界面(下)
  14. HTML 常用特殊符号
  15. 自定义Toast、程序退出时Toast也退出、Toast的用法
  16. PeckShield:图文拆解FCoin资产流向,其鼎盛时期便已显颓势?
  17. 三国志·吴书·贺齐等传
  18. 流式布局FlowLayout使用
  19. Xml文件转换成Java对象
  20. 如何将明细数据关联对照表后生成汇总统计表

热门文章

  1. binder.java 565_Android跨进程抛异常的原理的实现
  2. Java连接mysql数据库的方式_java连接MySQL数据库的方式
  3. Linux 网络编程——UDP编程
  4. 设计模式----单例模式(c++实现)
  5. Typora优化,Typora结合PicGo,让工作更轻松【图文教程】
  6. Android配置使用SQLite3
  7. 协同过滤算法_一文带你了解协同过滤的前世今生
  8. 6.7开启Consul使用
  9. 深度优先遍历(DFS)例题
  10. 浏览器相关功能系统调用