分别使用js和JQuery实现简单的表格隔行变色以及高亮显示

最新推荐文章于 2023-11-14 19:48:16 发布

bigLiu66

最新推荐文章于 2023-11-14 19:48:16 发布

阅读量1.1k

点赞数

文章标签： js html Jquery

本文链接：https://blog.csdn.net/bigLiu66/article/details/82762887

版权

本文介绍了如何使用JavaScript和jQuery分别实现HTML表格的隔行变色以及元素的高亮显示，详细讲解了相关HTML结构、JS代码和jQuery实现方法。

摘要由CSDN通过智能技术生成

一、1.1隔行变色html 表格

使用<thead>和<tbody>标签拆分表头和内容

<table border="1" width="500" height="50" align="center" id="tb1">
		<thead>
			<tr>
				<th>编号</th>
				<th>姓名</th>
				<th>年龄</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td>1</td>
				<td>张三</td>
				<td>22</td>
			</tr>
			<tr>
				<td>2</td>
				<td>李四</td>
				<td>25</td>
			</tr>
			<tr>
				<td>3</td>
				<td>王五</td>
				<td>27</td>
			</tr>
			<tr>
				<td>4</td>
				<td>赵六</td>
				<td>29</td>
			</tr>
			<tr>
				<td>5</td>
				<td>田七</td>
				<td>30</td>
			</tr>
			<tr>
				<td>6</td>
				<