比在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