Nearth===>WEB前端--第19课/JQuery/操作类样式2（增加/检测类样式）

码字界陈冠希

于 2019-11-09 20:12:49 发布

阅读量106

点赞数

分类专栏： WEB前端第三季/JQuery

本文链接：https://blog.csdn.net/ly1716/article/details/102991148

版权

WEB前端第三季/JQuery 专栏收录该内容

52 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Nearth</title>
		<script src="jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
		<style type="text/css">
			div{
				width:200px;
				height:200px;
				background-color:red;
			}
			.cls1{
				background-color: green;
			}
			.cls2{
				border:3px solid yellow;
			}
		</style>
		<script type="text/javascript">
			$(function(){
				$("#btn1").click(function(){
					$("#dv").addClass("cls1");
				});//点击第一个按钮为div 添加类样式
				$("#btn2").click(function(){
					var result=$("#dv").hasClass("cls1");//点击第二个按钮查询这个div 是否应用了cls1 类样式
					console.log(result);
				});
			});
		</script>
	</head>
	<body>
	<h1>操作类样式2</h1>
	<input type="button" name="" id="btn1" value="添加类样式" />
	<input type="button" name="" id="btn2" value="检测元素是否应用了类样式" />
	<div id="dv">
		
	</div>
	</body>
</html>

运行结果：