Jquery实现点击表格行变色!
时隔一年左右,学习了新的知识,从尝试Linux部署项目,网络安全,至后端开发,然后用起了Jquery,
而且是必须要做。也让自己见识可能会更广泛一些。对于一个刚毕业的大学生而言。方正我是没有用过jquery,
尽管我有培训学习过,也只是两天时间,略有了解而已,工作中画画页面肯定后期通过专业人士调,可怕,
感觉我即将这是我迈向前端的开始,不过还是很开心,调页面的时候,一定要稳,而且需要时间。
我调这个js倒是没有费多大劲,可是也是参考网上的,对于命令更是一知半解。后台干脆撇弃网上五花八门的
例子,按照自己的思路来写。也就是两句代码的事,可能我写的不太完美,但是分享出来算是对我的一个成长过程
的记录。ok,废话不多说。开始,首先我先介绍一下我的环境。
1.前台页面没什么的,如下,中间可能一堆td,当然也可能没有<tbody>,然后,记得每行<tr>都要加个事件,假如你是写再<c:forEach>里面的,就
更好了,只需要添加在那一个<tr>标签里面就ok了
<tbody><tr onclick=“SingleChangeColor(this)”>
<td></td>.......
</tr><tbody>
2.然后就是js的这个方法的书写了,你可以写在页面的
<script type="text/javascript">
</script>里面,也可以卸载js里。
3.然后方法就是:
function SingleChangeColor(e){
//1.清楚表格的背景颜色:注意#contentTable是你表格的ID,ID唯一
$("#contentTable").find("td").css("background","");
//2.改变当前点击行的背景颜色
$(e).find("td").css("background","red");//red为颜色,你也可以输入颜色值#00000等等
}
4.根据情况来o
最新文章
- 解决手机浏览器上input 输入框导致页面放大的问题(记录)
- ajax同步处理(使得JS按顺序执行)
- (转)px、em、rem的区别和使用
- 浅谈JavaScript中的事件
- Cach&#233;数据库学习笔记(1)
- 【读书笔记】读《JavaScript设计模式》之桥接模式
- code manager tools git的使用;
- C#各种常用开源框架-支持开源!分享!
- python 定义函数
- PPT内嵌视频(指发布时只需要ppt一个文件即可)
- WINDOWS UPDAET
- tensorflow softmax_cross_entropy_with_logits函数
- Mysql 时间差(年、月、天、时、分、秒)
- <;a>; 标签详解
- elasticsearch开启外网访问
- KVM虚拟化管理 virt manager常用操作
- ES6,Array.of()函数的用法
- WorldWind源码剖析系列:日志类Log
- Mac 下查看网络端口占用情况
- Kotlin Reference (十二) Extensions
热门文章
- MySQL:ERROR 1044 (42000): Access denied for user &#39;&#39;@&#39;localhost&#39; to database &#39;mysql&#39;
- 纪念使用FTPClient工具所遇到的
- Sqlserver常用基础语句
- ss - linux网络工具
- ubutun 下配置php和postgresql
- C# .net mvc web api 返回 json 内容,过滤值为null的属性
- SSO+PHS 同步问题修正解决
- Python 之 __new__() 方法与实例化
- WPF 播放声音 百度文字转声音
- C#实现json压缩和格式化