jquery的几种写法

时间:2022-03-17 16:06:25

(function($) {

  // to do

})(jQuery);

实际上是匿名函数

 

function(arg){...}
这就定义了一个匿名函数,参数为arg

而调用匿名函数时,(function(arg){...})(param)
这就相当于定义了一个参数为arg的匿名函数,并且将param作为参数来调用这个匿名函数

而(function($){...})(jQuery)则是一样的,之所以只在形参使用$,是为了不与其他库冲突,所以实参用jQuery

 

 $(function(){...});

这是JQUERY的内置函数,表示网页加载完毕后要执行的意思,

和JAVASCRIPT原来的这个是一样的: window.onload=function(){ //执行函数}

相当于 $(document).ready(function(){ } )

或者: <body onload="XXX"> 也是一个意思。

 

1 首先(function(){})()这种写法 是创建了一个匿名的方法并立即执行(function(){})这个是匿名方法后面的括号就是立即调用了这个方法)。
这样做可以创建一个作用域以保证内部变量与外部变量不发生冲突,比如$ jQuery 等jquery内部定义的变量。

2 (function($){})(jQuery) 这个写法主要的作用还是保证jquery不与其他类库或变量有冲突

首先是要保证jQuery这个变量名与外部没有冲突(jquery内部$与jQuery是同一个东西 有两个名字的原因就是怕$与其他变量名有冲突二jQuery与其他变量冲突的几率非常小)并传入匿名对象,匿名对象给参数起名叫做$(其实和jquery内部是一样的) 然后你就可以*的在(function($){})(jQuery)里写你的插件而不需要考虑与外界变量是否存在冲突,(是初始化jquery对象的惯用方法).

 

   

   没太搞明白,$是形参没什么作用,jquery是实参,传个jquery进去到底什么意思?

 

 

附:

 

 

编写插件的格式为:

 

(function( $ ){

 

   $.fn.myPlugin = function() {

 

      // Do your awesome pluginstuff here

 

};

 

})( jQuery );

 

注意: 一定要用(function( $ ){  //plugin goes here   })( jQuery); 包裹插件内容;

 

为了更好的兼容性,开始前有个分号

 

;(function( $){ 

 

//此处将$作为匿名函数的形参

 

  //这里放置代码,可以使用$作为jQuery的别名

 

})( jQuery );//将jQuery作为实参传递给匿名函数