jquery - jQuery.ready() 应该包含什么，应该包含什么？

Question

jQuery.ready() 应该包含什么，应该包含什么？

从性能的角度来看，我在某处读到将所有代码包装在 ajQuery.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();
});