jQuery.ready() 中应该包含什么内容，哪些内容应该在 jQuery.ready() 之外？

Question

jQuery.ready() 中应该包含什么内容，哪些内容应该在 jQuery.ready() 之外？

从性能角度来看，我在某处读到，将所有代码包装在 jQuery.ready() 中并不是一种有效的方法。

那么我的问题是：什么应该在里面，什么可以被排除而没有问题（我猜代表可以被留在外面，但这是一个快速猜测）？

谢谢

Answer 1

为了获得最终性能，请将 js 放在结束 body 标记之前。这样你就可以完全消除 jquery 的准备。 UI 加载速度很快，因为它不会被下载的脚本和解析 js 时阻塞并调用您可以确保上面 dom 中的元素已准备好进行操作。

Answer 2

页面加载完成后调用 jQuery.ready()。请参阅 jQuery.ready() 中的第一句话。如果您希望在页面加载完成之前触发事件，则 jQuery.ready() 不是最佳选择。

Answer 3

您应该保留函数声明，例如

fnc = function() { ... };

或任何其他声明。因为如果你把它全部塞进去，那么只有当整个 DOM 加载完毕后，该代码才会开始执行。否则，它会在下载后立即开始执行。仅当您的 javascript 需要下载 DOM 时，才应显示 jQuery 包装器。

var blah = function() {
   //...
};

$(function() { //same as jQuery(document).ready or $(document).ready
    blah();
});