jquery 相对元素
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<meta charset="utf-8" />
<script src="jquery-3.3.1.js"></script>
<script>
$(function () {
$('#tb tr').click(function () {
$('td', $(this).siblings()).css('backgroundColor', '');;
$('td:even', $(this)).css('backgroundColor', 'yellow');
$('td:odd', $(this)).css('backgroundColor', 'blue');
});
});
</script>
</head>
<body>
<table border="1" id="tb" style="cursor:pointer">
<tr>
<td>单元格</td>
<td>单元格</td>
<td>单元格</td>
<td>单元格</td>
</tr>
<tr>
<td>单元格</td>
<td>单元格</td>
<td>单元格</td>
<td>单元格</td>
</tr>
<tr>
<td>单元格</td>
<td>单元格</td>
<td>单元格</td>
<td>单元格</td>
</tr>
<tr>
<td>单元格</td>
<td>单元格</td>
<td>单元格</td>
<td>单元格</td>
</tr>
</table>
</body>
</html>
最新文章
- Autofac 的属性注入,IOC的坑
- AX2012修改properties字体
- C语言打印最长字符串
- 【学】SoapExtension 学习
- css超出2行部分省略号...
- 三种实例化bean的方式
- Ubuntu 12.04 分区方案(仅供参考)
- android系统如何自适应屏幕大小
- F4107Usart数据处理程序
- glibc
- matlab最简单程序模板
- HDU4497GCD and LMC最大公约数与最小公倍数
- Re:Unity游戏开发有哪些让你拍案叫绝的技巧?
- django framework相关的错误信息
- Python实现机器学习算法:AdaBoost算法
- Geth命令用法-参数详解 and 以太坊源码文件目录
- PHP中查询一个日期是周几
- MICS:副本和纠删码混合存储系统
- <;<;杰克.韦尔奇自传>;>;
- 线程间通信(等待,唤醒)&;Java中sleep()和wait()比较
热门文章
- ENVI显示GDAL创建GeoTiff文件的一个问题及其思考
- 【前端统计图】echarts实现单条折线图
- js进阶 10-9 -of-type型子元素伪类选择器
- [Ramda] Get a List of Unique Values From Nested Arrays with Ramda (flatMap -->; Chain)
- [Angular] Some performance tips
- [Angular] @ViewChild and template #refs to get Element Ref
- iOS中打电话、打开网址、发邮件、发短信等
- HDU 1224 Free DIY Tour - 最短路
- ElasticSearch:分析器
- 【a202】&&【9208】输油管道问题