jquery怎么恢复默认的css
点击变身按钮，div背景色和border会变话，点击恢复默认按钮，div会恢复原来的样式，该怎样做求解代码：<!DOCTYPEhtml><htmllang="en"><h...
点击变身按钮，div背景色和border会变话，点击恢复默认按钮，div会恢复原来的样式，该怎样做求解
代码：<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript" src="../jquery-3.1.1.js"></script>
<script type="text/javascript">
$(
function () {
$(".change").click(function () {
$(".All").css({"background-color":"grey","border":"blue outset"})
})
$(".remove").click(function () {
$(".All").css()
})
}
)
</script>
<style type="text/css">
.All{
width: 200px;
height: 200px;
border: 1px solid black;
}
</style>
</head>
<body>
<div class="All"></div><br/>
<input type="button" class="change" value="变身">
<input type="button" class="remove" value="恢复默认">
</body>
</html> 展开
代码：<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript" src="../jquery-3.1.1.js"></script>
<script type="text/javascript">
$(
function () {
$(".change").click(function () {
$(".All").css({"background-color":"grey","border":"blue outset"})
})
$(".remove").click(function () {
$(".All").css()
})
}
)
</script>
<style type="text/css">
.All{
width: 200px;
height: 200px;
border: 1px solid black;
}
</style>
</head>
<body>
<div class="All"></div><br/>
<input type="button" class="change" value="变身">
<input type="button" class="remove" value="恢复默认">
</body>
</html> 展开
3个回答
展开全部
你把变身后的样式写在一个css文件中， 但是该样式的类名在元素中不要定义。 点击变身按钮的时候 使用 jQuery 的 addClass(".你的变身样式对应的类名") 方法把这个类名写到元素里。
点击恢复的时候， 使用 removeClass(".你的变身样式对应的类名") 方法再把类去掉
点击恢复的时候， 使用 removeClass(".你的变身样式对应的类名") 方法再把类去掉
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
方法有很多，具体要看业务需求；
举两个例子，
//1，直接移除style
$(".All").removeAttr('style')
//2,重新定义背景色和边框
$(".All").css({"background-color":"#fff","border":"1px solid black"})
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
改下这一段即可：
$(".remove").click(function () {
$(".All").css("background-color", "white").css("border", "1px solid black");
})
$(".remove").click(function () {
$(".All").css("background-color", "white").css("border", "1px solid black");
})
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
