javascript - 如何在不使用 jQuery 中的任何显示功能的情况下仅隐藏和显示

Question

我正在使用 ajax 调用。结果是否不为空，那么我需要显示一个 div，否则我需要隐藏该 div。为此，我使用了以下代码

      if(results == null)
        $('#divId').hide();

在这里，如果结果为空，那么 div 将被隐藏。它工作正常。但是当我需要再次在不同的函数中显示 div 时，我需要使用

       $('#divId').show();

所以我想要的是我只需要隐藏results are null.但我需要在所有剩余的情况下显示 div。有什么优雅的方法可以做到这一点。

提前致谢..

score 2 · Accepted Answer

优雅的？这个怎么样：

$('#divId').toggle(results != null);

（如果不明显，将布尔值传递给.toggle()方法会告诉它是显示还是隐藏有问题的元素。）

score 0 · Accepted Answer

试试喜欢

$('#divId').css('display',(results == null)?'none':'block'); //You can use inline/block

但我建议你只做这样的检查

if(results == null){
   $('#divId').hide();
}else{
   $('#divId').show();
}

score 0 · Accepted Answer

不要去微优化。使用

   if(results == null){
       $('#divId').hide();
   }else{
       $('#divId').show();
   }

更简单的方法是数据真实化

 if(results){
       $('#divId').show();     
       }else{
          $('#divId').hide();
       }

3 回答 3