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

Better way than using document ready in JQuery

本文关键字:就绪 更好 方法 文档 JQuery 比在      更新时间:2023-09-26

当我向下拉选项等内容添加监听器时,例如

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

或者当我想在页面加载后立即完成某些操作时,例如

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

(其中"filter"只是某些元素的类名)

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

有没有更好的方法(在设计方面)来做这样的事情,我只是想养成更好的习惯,或者有人能给我推荐一些关于这类主题的文章吗。只是为了提升自己。

您可以使用,

$(function () { }); 

作为CCD_ 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!
   });

点击此处阅读更多信息,SO回答:https://stackoverflow.com/a/18315393/2777098