$(function($){}) 和 (function($){})(jQuery);用法区别

深入理解jQuery的使用场景与注意事项

最新推荐文章于 2023-06-06 10:36:07 发布

最新推荐文章于 2023-06-06 10:36:07 发布 · 137 阅读

文章标签：

#jquery #JavaScript #ViewUI

JS 同时被 3 个专栏收录

49 篇文章

订阅专栏

web前端

11 篇文章

订阅专栏

Jquery

6 篇文章

订阅专栏

本文详细解析了jQuery的两种使用方式及其适用场景，包括如何在DOM加载完毕后执行代码以及如何存放开发插件代码，同时强调了在不同情况下使用jQuery的不同策略。

一、先看 

jQuery(function(){ 
}); 

   全写为 
jQuery(document).ready(function(){ 
      
}); 


   意义为在DOM加载完毕后执行了ready()方法。 


二、再看 

(function(){ 

})(jQuery)； 
   
其实际上是执行()(para)匿名方法,只不过是传递了jQuery对象。 



三、总结 		


   jQuery(function(){ });
     用于存放操作DOM对象的代码，执行其中代码时DOM对象已存在。不可用于存放开发插件的代码，因为jQuery对象没有得到传递，外部通过jQuery.method也调用不了其中的方法（函数）。 

  
   (function(){ })(jQuery)；
    用于存放开发插件的代码，执行其中代码时DOM不一定存在，所以直接自动执行DOM操作的代码请小心使用。