(function($){...})(jQuery)和$(document).ready(function(){}) 的区别

时间:2023-03-08 16:12:07

(function($){...})(jQuery)  实际上是执行()(para)匿名函数,只不过是传递了jQuery对象。   立即执行函数;相当于先申明一个函数,声明完后直接调用;

用于存放开发插件的代码,执行其中代码时DOM不一定存在,所以直接自动执行DOM操作的代码请小心使用。

相当于

  var fn=function($){…};

  fn(jQuery);//执行这个函数

  之所以只在形参使用$,是为了不与其他库冲突,所以实参用jQuery。

 作用:  

这种写法的最大好处是形成闭包。在(function($) {…})(jQuery)在内部定义的函数和变量只能在此范围内有效。

形成是否函数函数、私有变量的概念。外部的变量与函数影响不到我们自己的内容

$(document).ready(function(){})  在DOM加载完成时运行的代码,不可用于存放开发插件的代码,因为jQuery对象没有得到传递,外部通过jQuery.method也调用不了其中的方法(函数)。

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

最明显的区别就是执行的顺序不一样,(function($){...})(jQuery) 立即执行函数;$(document).ready(function(){})  在DOM加载完成时运行的代码