• 技术文章 >web前端 >js教程

    jquery怎么修改tr的类

    青灯夜游青灯夜游2021-11-19 12:05:24原创386

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

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

    jquery修改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>

    1.gif

    相关视频教程推荐:jQuery教程(视频)

    以上就是jquery怎么修改tr的类的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:jquery tr
    上一篇:jquery怎样判断点击了几次 下一篇:jquery怎么给元素增加disable属性
    VIP课程(WEB全栈开发)

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• jquery怎么获取和失去焦点事件• jquery怎么修改disabled属性的值• jquery怎么实现新消息提示• jquery怎么实现取反方法• jquery怎么触发改变事件
    1/1

    PHP中文网