jquery怎么修改tr的类
导读:收集整理的这篇文章主要介绍了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核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: jquery怎么修改tr的类
本文地址: https://pptw.com/jishu/592986.html
