使用javascript更改CSS元素

Question

我有這2個元素p.rdmore和ul.post-ul-more與屬性display = none在CSS中。

但是，在某些特定頁面上，我想刪除這些選項。我做了一些研究，並提出了這個代碼

<script type='text/javascript'> 
$('p.rdmore').removeClass('none').addClass('inherit'); 
$('ul.post-ul-more').removeClass('none').addClass('inherit'); 
</script> 

我試過一個JavaScript的if語句，但它沒有奏效。我在這裏錯過了什麼嗎？

Answer 1

您必須使用css()方法來更改CSS屬性，例如顯示。請嘗試以下操作：

$('p.rdmore').css("display", "inherit"); 
$('ul.post-ul-more').css("display", "inherit"); 

.css()通過jQuery更改元素的CSS。閱讀更多關於here。

如果我想改變的背景下，我只是這樣做：

$("element-right-here").css("background-color", "yellow"); 

的參數是.css(propertyName, propertyValue)或.css(propertyName)。後者將在被調用的位置返回實際值。

Answer 2

如果你只是想顯示的元素，你可以使用jQuery的方法。

$('p.rdmore').show() 

如果你想隱藏它：

$('p.rdmore').hide() 

或者，如果你要來回走，你可以有一個事件觸發它：

$('p.rdmore').toggle() 

在最後一種情況下，如果jQuery可見或不可見，jQuery將爲你找出並反轉它。

Answer 3

您可以使用下面的代碼，這將更有效。

<script type='text/javascript'> 
$(function(){ 
$('p.rdmore').toggleClass('none inherit'); 
$('ul.post-ul-more').toggleClass('none inherit'); 
}); 
</script>