为什么jquery插件要这么写？

问答首页 → 移动开发技术

1 0

为什么jquery插件要这么写？5

(function($){
$.fn.hoverElement=function(){
...
};
})(jQuery);
为什么function前有个小括号？
为什么最后有个(jQuery)，是在是没明白，哪位帮忙解释一下

2012年12月26日 15:36

ktzhxm
27
0 0 3

7个答案按时间排序按投票排序

2 0

(function($){ 
  $.fn.hoverElement=function(){ 
    ... 
  }; 
})(jQuery);

解释：
首先

function($){ 
  $.fn.hoverElement=function(){ 
    ... 
  }; 
}

是定义了一个匿名方法，这个方法用小括号包围起来就可以做为一个方法对象来调用，后边的小括号是对方法的调用，类似于fun(jQuery);
jQuery是jquery的主体对象，正常情况下与$是等价的，但个别情况下$与jQuery不等价（调用jQuery.noConflict();），所以要将jQuery做为参数传到刚才定义的方法中，刚才定义的方法中有一个参数$,此时在方法内部就可以使用$来引用jQuery，就不用考虑$是与jQuery等价
与以下代码是等价的，只是下边的代码会占用一个fun的变量名：

var fun = function($){ 
  $.fn.hoverElement=function(){ 
    ... 
  }; 
};
fun(jQuery);

下边再给你解释一下$.fn.hoverElement=function(){
...
};
在jquery中，$是一个模板类，调用jquery选择器后返回的就是$的一个实例对实例调用方法时只能使用$原型中的方法，$.fn=$.prototype，它是指jquery的原型，加上fn上的方法及属性，相当于对$的原型增加方法和属性，这样会对$的每一个实例都有效。

2012年12月26日 16:44

shuaijie506
156
0 0 9

6条评论

0 0

2012年12月27日 10:36

mfkvfn
40
0 0 3

添加评论

0 0

    //定义一个匿名函数并且调用一次这个函数
   （
      //定义一个匿名函数
      function(参数列表){
         //匿名函数的函数体
      }
    )(实际参列表)

这实际上Javascript的标准语法--定义一个匿名函数并调用一次这个函数，楼主贴出的代码相当于:

  var fun = function($){ 
     $.fn.hoverElement=function(){ 
        // ... 
     }; 
  }
  fun(jQuery);

2012年12月26日 23:15

qfstudying
30
0 0 0

添加评论

0 0

(function(){})();

前一个小括号表示匿名函数，后一对小括号表示执行这个函数。
也可以使用参数的，像这样：

(function(n){alert(n);}(100);

结果会显示：100

为什么这么写呢？匿名函数可以防止作用域的污染
比如：

var name = 'world';
alert('hello ' + name);

这样的写法会定义全局变量：name
使用匿名函数就避免了这个问题：

(function(){
  var name = 'world';
  alert('hello ' + name);
})();

2012年12月26日 17:54

beeke
22
0 0 1

2条评论

0 0

jquery 写法很多种
$(function() {
// 从这里开始
});

jQuery(function($){

});

$(function(){

})

2012年12月26日 16:12

demojava
2207
1 3 134

添加评论

0 1

开发过jQuery

2012年12月26日 22:54

lvwenwen
4
1 1 6

添加评论

0 1

没有见过开发jQuery，飘过啊·····

2012年12月26日 15:58

ixiaohei
29
0 0 0

添加评论

已解决问题

未解决问题

排行榜

查看全部排名>>