Question

所以我在我的js文件中有这个功能，这很好......

$('.pets').mouseenter(function() {
    $('.box2').removeClass('box').addClass('box-hover');
});
$('.pets').mouseleave(function() {
    $('.box2').removeClass('box-hover').addClass('box');
});

但是，在此事件之前，我还有一个带有display：none的p元素。有没有办法可以在我的mouseenter / mouseleave函数中删除'display：none'？

Answer 1

删除特定的CSS：

$("div").css({ 'display' : '', 'opacity' : '' });

删除整个内联样式：

$("div").removeAttr('style');

Answer 2

检查此演示代码是否有效

在mouseenter时显示p标签元素 - 在<p id="hide-elm">标记

上设置ID

<div class="pets" style="width:200px;height:250px; background:#a4a4a4;"></div>
<br><br>
<div class="box2" style="width:200px;height:250px; background:#dedede;"></div>

<style>
.box-hover{
    background: red !important;

}
</style>
<script>
$(document).ready(function(){

$('.pets').mouseenter(function() {
        $('.box2').removeClass('box').addClass('box-hover');
        $('#showme').show();
    });
    $('.pets').mouseleave(function() {
        $('.box2').removeClass('box-hover').addClass('box');
        $('#showme').hide();
    }); 
});
</script>

使用JS删除CSS元素

2 个答案: