Jquery 使用javascript更改css中的元素

我有两个元素

p.rdmore

和

ul.post-ul-more

，属性为css中的

display=none

但是，在某些特定页面上，我想删除这些选项。我做了一些研究，得出了这个代码

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

$（'p.rdmore'）.removeClass（'none'）.addClass（'inherit'）；
$（'ul.post-ul-more'）.removeClass（'none'）.addClass（'inherit'）；

---

我也尝试了一个用于javascript的if语句，但没有成功。我在这里遗漏了什么吗？

您必须使用

css（）

方法来更改css属性，例如display。请尝试以下操作：

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

.css（）

通过jQuery更改元素的css。阅读更多关于这方面的信息

如果我想改变背景，我会这样做：

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

---

参数是

.css（propertyName，propertyValue）

或

.css（propertyName）

。后者将在调用时返回实际值。

如果您只想显示元素，可以使用jQuery的方法进行显示

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

如果你想隐藏它：

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

或者，如果您要来回切换，您可以使用一个事件来切换它：

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

---

在最后一种情况下，jQuery将为您确定其是否可见，然后将其反转。

您可以使用以下代码，这将更加有效

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

$（函数（）{
$（'p.rdmore'）.toggleClass（'none inherit'）；
$（'ul.post-ul-more'）.toggleClass（'none-inherit'）；
});

正在发生的事情以及您希望它能起什么作用…您在控制台中遇到错误？这些元素上有

无
和
继承类吗？谢谢。我一定要去尝尝。