通过jQuery隐藏div

但我很困惑，最好的方法是什么？

我可以通过改变它的CSS显示属性来隐藏div。

$("#header-link1").click(function(){ 
    $("#header2").css({ 
    'display': 'none' 
    }); 
}

，或者

我能做到与jQuery的hide（）函数同样的事情。

$("#header-link1").click(function(){ 
    $("#header2").hide(); 
}

任何建议什么是最好的办法，为什么？

来源

2012-02-29 ShazZ

也不是 “更好”，他们只是不同的。 – Quentin 2012-02-29 07:24:14

@Quentin不，他们是一样的。 – skyronic 2012-02-29 07:26:39

但有人告诉我，css执行速度更快......这是真的吗？ – ShazZ 2012-02-29 07:27:17

您应该使用方法2，因为如果你想再次show()它，它就会采取display设置为正确的值，对于块元素意味着inline为内联元素和block的护理，而如果使用方法1你将不得不为自己选择什么是正确的display即使通常它是block。

来源

2012-02-29 07:25:01

+1 - 我以前见过这种情况。这很混乱。 – jmort253 2012-02-29 07:26:34

这很好，但可能有点令人沮丧。假设你有一个嵌套元素显示为块（''）。在你应用hide和show之后，元素有一个内联样式（尽管你在css中指定了它作为'block'） – 2012-02-29 07:30:24

+1 - 这也是最简单的写入方法。使其更具可读性。 – Stefan 2012-02-29 07:32:21

如果您查看.hide（）（）的jQuery API，您会注意到.hide（）将css display属性用作其隐藏页面元素的方法。因此，他们提供完全相同的目的，但其中一个只是更清洁。

我个人会使用$（“＃div”）。hide（），因为它更干净并且使代码更短。

来源

2012-02-29 07:26:16

它们在技术上是相同的。如果你看到的jQuery的源代码，这是当你调用隐藏（）会发生什么：

https://github.com/jquery/jquery/blob/master/src/effects.js#L66

有两点不同：

有动画支持hide()
有一个名为“olddisplay”的数据参数集，因此您可以稍后恢复它。

来源

2012-02-29 07:27:59 skyronic

试试这个脚本

<script type="text/javascript"> 
$(document).ready(function(){ 
    $("#header-link1").click(function(){ 
    $("#header2").hide(); 
    }); 
}); 
</script>

来源

2012-02-29 07:33:14

通过jQuery隐藏div

回答

相关问题