<!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中对类的操作
猜你喜欢
转载自blog.csdn.net/qq_34272315/article/details/78927901
今日推荐
周排行