Question

我刚刚解决了这个问题，但我仍然对我遇到麻烦的原因感到困惑。当我试图隐藏div时，我尝试使用此代码：

<div id = myDiv></div>

function MyFunction(){
    $('#myDiv').css("display", "none");
}

尝试隐藏div时该代码无效，但这将

  function MyFunction(){
    $('#myDiv').hide();
}

我想知道这些方法之间的区别是什么，以及为什么一个方法可以工作而另一方方法没有。

Answer 1

这是一个问题

<div id = myDiv></div>

你必须这样做

<div id="myDiv"></div>

由于.hide（）和.css（）都会在元素中添加“display：none”，因此上面的代码是我唯一能想到的。始终使用带有属性的“”。

Answer 2

完全复制了你的拥有方式，代码不起作用，但你可能并没有完全按照字面意思理解它。以防万一，它应该是这样的（注意脚本块和div标签上的正确间距和引号）：

<div id="myDiv">hello world</div>
<script type="text/javascript">
    function MyFunction(){
        $('#myDiv').css("display", "none");
    }
</script>

所以，如果这不是你的问题，那么页面上肯定会有其他东西破坏你的html / css。

Answer 3

不是直接更改css，而是更好的做法是添加和删除包含所需显示声明的类。

所以

$('#myDiv').addClass('hidden');

增加

.hidden {
  display: none;
}

我发现这种方法更加可靠和灵活。

CSS显示/隐藏方法

3 个答案: