<script type="text/javascript">
$(function () {
$('#btn').click(function () {
//$('body').addClass('neight');//追加了一个样式,之前的样式不会覆盖之前的
//切换类样式的两种方法1.toggleClass('class') 2.通过hasClass('class')判断是否应用了某种样式
//方法一:给属性
if ($('body').hasClass('neight')) {
$('body').remove('neight');
}
else
{
$('body').addClass('neight');
}
//方法二:toggleClass判断样式有的话就自动去除样式
$('body').toggleClass('neight');
});
})
</script>
<style type="text/css">
.neight {
background-color:black;
}
</style>
$(function () {
$('#btn').click(function () {
//$('body').addClass('neight');//追加了一个样式,之前的样式不会覆盖之前的
//切换类样式的两种方法1.toggleClass('class') 2.通过hasClass('class')判断是否应用了某种样式
//方法一:给属性
if ($('body').hasClass('neight')) {
$('body').remove('neight');
}
else
{
$('body').addClass('neight');
}
//方法二:toggleClass判断样式有的话就自动去除样式
$('body').toggleClass('neight');
});
})
</script>
<style type="text/css">
.neight {
background-color:black;
}
</style>