比在JQuery中使用文档就绪更好的方法

Question

每当我将监听器添加到下拉选项之类的东西时，例如

$("select").change(function () {

或者当我希望在页面加载后立即完成某件事时

$(".filter").each(function () {

（其中“过滤器”只是某些元素具有的类名称）

我倾向于放入$(document).ready(function () {

有没有一种更好的方法（就设计而言）来做这样的事情，我只是想养成更好的习惯，或者有人可以将我引荐给涉及此类主题的文章进行详细讨论。 只是为了更好的自我。

Answer 1

您可以使用，

$(function () { }); 

作为document ready的另一种方法。

Answer 2

有没有更好的方法（在设计方面）来做这样的事情？

在效率和保持本地JavaScript范围方面，在设计方面还有其他方法。

基于Greg Franko“ jQuery最佳实践”的IIFE（立即调用函数表达式）

// IIFE - Immediately Invoked Function Expression

  (function(yourcode) {

    // The global jQuery object is passed as a parameter
    yourcode(window.jQuery, window, document);

  }(function($, window, document) {

    // The $ is now locally scoped 

   // Listen for the jQuery ready event on the document
   $(function() {

     // The DOM is ready!

   });

在此处了解更多信息以及该答案： https : //stackoverflow.com/a/18315393/2777098