Jquery点击变色再点击恢复本颜色代码案例

最新推荐文章于 2023-02-02 11:17:30 发布

原创最新推荐文章于 2023-02-02 11:17:30 发布 · 3.1k 阅读

3 ·

CC 4.0 BY-SA版权

这篇博客展示了如何使用jQuery实现元素点击后改变颜色，再次点击时恢复原颜色的功能，提供了一个实用的代码案例。

<html>

<head>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("tr").click(function(){
$(this).toggleClass("red");
});
});
</script>
</head>
<style>
.red {
background-color: red;
}
</style>
<body>
<table border="2" style='width:80%;height:30px'>
<tr>
<th>Month</th>
</tr>
<tr>
<th>Month</th>
</tr>
</table>
</body>

</html>