刪除使用JS

-2

一個CSS元素所以我在我的js文件這個功能是很好...刪除使用JS

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

不過，我也有一個顯示p元素：無此事件之前。有沒有一種方法可以在我的mouseenter/mouseleave函數中刪除'display：none'？

來源

2017-09-10 Michael Hands

您能否顯示您的相關（[mcve]）代碼，而不是向我們解釋它？雖然我建議'$（this）.prev（'div'）。toggle（）'可能就足夠了。 –

[閱讀文檔]（http://api.jquery.com/css/#css-propertyName-value）真的很值得你花時間：*「將style屬性的值設置爲空字符串 - 例如'$ （「#mydiv」）.css（「color」，「」）' - 從元素中刪除該屬性...「* –

對不起，我是新手。我會給它一個去感謝:) –

要刪除特定CSS：

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

刪除整個內嵌樣式：

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

來源

2017-09-10 10:56:00

我已經嘗試了這兩個，並不明白爲什麼它不適合我。有什麼建議麼？？ –

如果你的CSS在類中，這是行不通的。這是用於內聯CSS –

您可以使用！important'例如** $（「div」）.css（'display'：'none！important'）**並中和類效應 –

檢查這個演示代碼它的工作原理

顯示p標籤元素時的mouseenter - 做一個編號<p id="hide-elm">標記

<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>

來源

2017-09-10 11:17:36

https://jsfiddle.net/9eq38tu6/3/ 感謝您的輸入，但我的問題有點不同..在這裏我的代碼，我會很感激，如果你能幫助 –

回答

相關問題