我有一个页面，我已经为许多其他内容加载了 jquery（即，我已经承担了加载 jquery 的开销）。
考虑到这一点，是否有一种“正确”的方式来显示/隐藏元素——这两种中的哪一种比另一种“更好”还是“更有效”？
仅限 JAVASCRIPT：
document.getElementById('stuff').style.display = 'none';
查询：
$jsjp('#stuff').css('display','block');
谢谢！
问问题
65 次
3 回答
1
我会使用$('#stuff').hide()| $('#stuff').show()而不是$('#stuff').css('display','none');|$('#stuff').css('display','block');
于 2012-10-04T10:30:51.990 回答
1
Javascript 总是比 jQuery 快，只是因为 jQuery（通常）引入了至少一个额外的调用层，否则本来可以是原生的。
但是考虑一下，至少在您的问题的上下文中，您将如何在本机 JS 中隐藏一个元素：
foo.style.display = 'none';
与 jQuery 相比：
foo.hide();
没有太大区别，除了字符数，真的没什么可做的。
现在，让我们反过来说。你将如何foo在 jQuery 中显示回来？
foo.show();
在原始 JS 中：
foo.style.display = 'block';
完毕。也没有太大区别。
或者有吗？花点时间考虑一下。我们这里的第一个问题实际上是我们如何得到我们首先设置的假设display = 'block'。我们应该设置foo块显示吗？不应该是一个inline代替吗？还是一个inline-block？
大多数情况下，您无需继续决定使用哪个，如果您这样做的机会不大，您可能会编写一些支持代码来确保您这样做了。
jQuery 实现showand的主要（经常被忽视的）好处之一hide是所有跟踪都是为您默默完成的。如果你调用.hide()了一个块元素，一旦你调用.show()它，jQuery 会将它放回块中，而不是其他任何东西。
无论您决定继续提出问题，请确保您也考虑到这一点。
于 2012-10-04T10:39:40.610 回答
1
Vanilla JavaScript 总是比 jQuery 快，但是由于 ID 选择器的 jQuery 使用原生getElementById函数，两者没有主要区别，你也可以使用showandhide方法：
$jsjp('#stuff').hide()
于 2012-10-04T10:30:00.227 回答