<!DOCTYPE html>
<html lang="en">
<head>
<style>
div{
width: 100px;
height: 100px;
background-color: red;
}
.current{
background-color: pink;
}
</style>
<meta charset="UTF-8">
<title>Title</title>
<script src="jquery-1.11.1.js"></script>
<script>
$(function () {
$("button").eq(0).click(function () {
//添加类
$("div").addClass("current");
//判断类是否存在
//有就返回true
alter( $("div").hasClass("current"));//返回true
})
$("button").eq(1).click(function () {
$("div").removeClass("current");
})
//切换类,常用
// $("button").click(function () {
$("div").toggleClass("current");
})
})
</script>
</head>
<body>
<button>变色</button>
<button>还原</button>
<div></div>
</body>
</html>
Jquery中对类的操作
最新推荐文章于 2021-02-25 16:51:06 发布