jquery如何修改tr的类

这篇文章主要介绍“jquery如何修改tr的类”，在日常操作中，相信很多人在jquery如何修改tr的类问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”jquery如何修改tr的类”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！

成都创新互联主要从事网站设计制作、成都网站制作、网页设计、企业做网站、公司建网站等业务。立足成都服务镇巴,10多年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:13518219792

修改类的方法：1、使用removeClass()从tr元素中移除指定类，语法“$("tr").removeClass(class)”；2、使用addClass()给tr元素添加指定类，语法“$("tr").addClass(class)”。

jquery如何修改tr的类

本教程操作环境：windows7系统、jquery1.10.2版本、Dell G3电脑。

jquery修改tr类的方法

先使用removeClass()从tr元素中移除指定类
然后使用addClass()给tr元素添加指定类

示例：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<script src="js/jquery-1.10.2.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$("button").click(function() {
					$("tr").removeClass("intro1");
					$("tr").addClass("intro2");
				});
			});
		</script>
		<style type="text/css">
		.intro1
		{
		color:red;
		}
		.intro2
		{
		color:blue;
		}
		</style>
	</head>
	<body>
		<table border="1">
			<caption>人物信息</caption>
			<tr class="intro1">
				<th>姓名</th>
				<th>年龄</th>
			</tr>
			<tr class="intro1">
				<td>Peter</td>
				<td>20</td>
			</tr>
			<tr class="intro1">
				<td>Lois</td>
				<td>20</td>
			</tr>
		</table><br />
		<button>修改tr的类</button>
	</body>
</html>

jquery如何修改tr的类

到此，关于“jquery如何修改tr的类”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注创新互联网站，小编会继续努力为大家带来更多实用的文章！

网页题目：jquery如何修改tr的类
URL分享：https://www.cdcxhl.com/article46/gigieg.html

成都网站建设公司_创新互联，为您提供电子商务、静态网站、软件开发、移动网站建设、建站公司、品牌网站建设

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容