jquery修改样式通过类

在这里插入图片描述
toggleClass方法比较特殊,当前元素有这个类的时候就移除这个类,当前元素没有这个类的时候就添加这个类

示例代码:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			div {
      
      
				height: 200px;
				width: 200px;
				background-color: pink;
				transition: all 0.5s;
			}
			.current {
      
      
				background-color: red;
				transform: rotate(360deg);
			}
		</style>
		<script src="js/new_file.js"></script>
	</head>
	<body>
		<div class="current">
			
		</div>
		<script>
			$(function() {
      
      
				$("div").click(function() {
      
      
					// $(this).addClass("current"); 点击就让div变红了
					// $(this).removeClass("current"); 点击一下就删除了这个元素的类
					//toggleClass方法
					$(this).toggleClass("current");
				})
			})
		</script>
	</body>
</html>

猜你喜欢

转载自blog.csdn.net/qq_45308912/article/details/121439798