Question

我对某个问题感到疯狂，我确信这对某人来说很明显。

单击按钮时，我希望页面的某个部分消失。

这是我的代码：

$(document).ready(function(){
   $('.button').click(function() {
        $('.page-section').css('display', 'none');
   });
});

正确引用了该脚本。首先加载jQuery。如果我在点击事件中放置一个警报（'某事'），它就会触发。

但出于某种原因，我无法让css改变。

当我在控制台中使用相同的代码行时，css会发生变化。

有什么想法吗？

Answer 1

尝试替换此：

 $('.page-section').css('display', 'none');

用这个：

 $('.page-section').css({'display':'none'});

或

 $('.page-section').hide();

希望它有所帮助。

Answer 2

您的代码似乎应该有效。单击按钮后，您是否使用开发人员工具检查过该元素？您应该能够看到正在应用哪些类，即使其他样式覆盖它，例如，如果您在样式表中的某处有.page-section {display：block！important;}，您的jQuery也不会隐藏它。这个元素实际上也可能被隐藏了，但它实际上是你试图隐藏的其他元素。

jQuery单击功能 - 选择器的css未被更改

2 个答案: