首页前端开发JavaScriptjquery怎么修改tr的类

jquery怎么修改tr的类

时间2024-01-30 20:14:03发布访客分类JavaScript浏览656
导读:收集整理的这篇文章主要介绍了jquery怎么修改tr的类,觉得挺不错的,现在分享给大家,也给大家做个参考。修改类的方法:1、使用removeClass( 从tr元素中移除指定类,语法“$("tr" .removeClass(class ”;...
收集整理的这篇文章主要介绍了jquery怎么修改tr的类,觉得挺不错的,现在分享给大家,也给大家做个参考。

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

本教程操作环境: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教程(视频)

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

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

tr

若转载请注明出处: jquery怎么修改tr的类
本文地址: https://pptw.com/jishu/592986.html
C#编写Windows服务程序的图文详解 jquery怎么删除元素但保留子元素

游客 回复需填写必要信息