jquery实现控制表格行高亮
来源:互联网 发布:北京java培训哪个好些 编辑:程序博客网 时间:2024/05/23 09:58
<style>.height{ background:#666666; /*背景颜色为灰色*/}tr{cursor: pointer; /*手形*/ }</style>
<body><table border="1" width="40%"> <tr><th></th><th align="left">姓名</th><th align="left">性别</th><th align="left">居住地</th></tr> <tr> <td><input type="radio" name="radio" /></td><td>张三</td><td>男</td><td>北京</td> </tr> <tr> <td><input type="radio" name="radio" /></td><td>李四</td><td>男</td><td>上海</td> </tr> <tr> <td><input type="radio" name="radio" /></td><td>王五</td><td>女</td><td>深圳</td> </tr> <tr> <td><input type="radio" name="radio" /></td><td>赵六</td><td>女</td><td>北京</td> </tr> <tr> <td><input type="radio" name="radio" /></td><td>孙七</td><td>男</td><td>上海</td> </tr></table></body>
jquery
$(document).ready(function(){ //第一种写法: $("tr:gt(0)") 第一行标题不起作用 $("tr:gt(0)").click(function(){ $(this).addClass("height").siblings().removeClass("height").end().find(":radio").attr("checked",true); }) //第二种写法:$("tr:not(:first)") /*$("tr:not(:first)").click(function(){ $(this).addClass("height").siblings().removeClass("height").end().find(":radio").attr("checked",true); })*/})
- jquery实现控制表格行高亮
- HTC实现表格控制
- HTC实现表格控制
- jQuery 实现表格斑马线
- jquery实现编辑表格
- jquery 实现表格
- jquery实现动态表格
- 用jquery+css控制表格样式
- Jquery表格宽度控制,初始化悬停事件
- jquery实现动态表格编辑
- jquery 固定表格的实现,
- Jquery实现动态修改表格
- JQuery实现双色表格
- jquery实现维度展示表格
- jquery实现维度展示表格
- jquery实现表格弹出隐藏
- jquery实现表格的收缩
- jQuery实现可编辑表格
- 003 apache mina IoBuffer
- 童牧晨玄 # 科学思考与做正确的事 阅读笔记
- 汽车各部位名称及故障处理
- c++学习-->析构函数
- php练习——用for循环打印半金字塔、金字塔、正方形、倒金字塔、菱形、空心图形等
- jquery实现控制表格行高亮
- OV9650摄像头驱动分析 (2.6.35)
- g++: error trying to exec 'cc1plus': execvp: 没有那个文件或目录
- Bugfree使用手册
- opencv提取视频每一帧
- 童牧晨玄 # 丰富多彩的危害 阅读笔记
- mysql join
- OV9650驱动程序跟踪分析
- sql中的group by 和 having 用法解析