jQuery Document Ready - 最好将每个语句包装起来还是将所有语句包装在一个 document.ready 事件中?

标签 jquery document-ready

我已经看到了两种方式,但哪种更好或者并不重要。

我觉得包装每个语句可能会更干净,但只是想知道如果您有 50 个语句,每个语句都有自己的 document.ready 事件处理程序,是否会有更多回调?

最佳答案

jQuery 开发人员倾向于将所有内容都挂接到 $(document).ready 伪事件中。毕竟,您会发现大多数示例都使用了它。

虽然 $(document).ready 非常有用,但它发生在页面渲染期间,而对象仍在下载时。如果您发现页面在加载时停滞,所有这些 $(document).ready 函数可能就是原因。

您可以通过将 jQuery 函数绑定(bind)到 $(window).load 事件来降低页面加载期间的 CPU 使用率,该事件在 HTML 调用的所有对象(包括内容)下载完成后发生。

了解有关 jQuery 性能和最佳实践的更多信息 herewatch this video

关于jQuery Document Ready - 最好将每个语句包装起来还是将所有语句包装在一个 document.ready 事件中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7492918/

相关文章:

javascript - DOM 准备好后 Jquery 未定义元素

jquery - 如何将请求数据传递到 JQuery.ajax 中的 Complete 事件中

javascript - 如何在打开下拉菜单时隐藏当前选定的选项

javascript - 要发送的 JQuery ajax 数据中的嵌套 map - 如何序列化 'properly'?

javascript - 执行 OO javascript 回调时的范围

javascript - Durandal.js 文档准备就绪

jquery - 使用 jquery 的单选按钮

javascript - Jquery document.ready 在没有警报的情况下不会触发

jquery - 为什么 $.ready 会触发 jQuery document.ready 事件?

javascript - 在 document.ready 上执行 $ ('#someId' ).click(function() 会很昂贵吗?