jQuery样式操作CSS

jQuery样式操作CSS

JQueryqingyu2020-11-03 6:27:161016A+A-

  jQuery样式操作CSS

  JQuey 可以操作css样式,注意操作类里面的参数不要加点。

  1. 添加类

  $(“div”).addClass(“current”);

  2. 移除类

  $(“div”).removeClass(“current”);

  3. 切换类

  $(“div”).toggleClass(“current”);

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="jquery.min.js"></script>
		<style>
			.current {
				background-color: red;
			}
		</style>
	</head>
	<body>
		<div>
			李白乘舟将欲行,忽闻岸上踏歌声。
			桃花潭水深千尺,不及汪伦送我钱。
		</div>
		<script>
			$(function(){
				//1添加类 addClass()
				$("div").click(function(){
					$(this).addClass("current");
				});
				//2.删除类
				$("div").click(function(){
					$(this).removeClass("current");
				});
				//3.切换类
				$("div").click(function(){
					$(this).toggleClass("current");
				});
			})
		</script>
	</body>
</html>


点击这里复制本文地址 欢迎来到大黄鸡源码分享网
qrcode

大黄鸡源码编程网 © All Rights Reserved.  
网站备案号:闽ICP备18012015号-4
Powered by Z-BlogPHP
联系我们| 关于我们| 广告联系| 网站管理