(function($){...})(jQuery)是什么意思

这里实际上是匿名函数

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

而调用函数时，是在函数后面写上括号和实参的，由于操作符的优先级，函数本身也需要用括号，即：
(function(arg){...})(param)
这就相当于定义了一个参数为arg的匿名函数，并且将param作为参数来调用这个匿名函数

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

**************************************************************************
其实就等于
var fn = function($){....};
fn(jQuery);

其实可以这么理解，不过要注意的是fn是不存在的
那个函数直接定义，然后就运行了。就“压缩”成下面的样子了
(function($){...})(jQuery)
**************************************************************************
简单理解是(function($){...})(jQuery)用来定义一些需要预先定义好的函数
$(function(){ })则是用来在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操作的代码请小心使用。

(function($){...})(jQuery)是什么意思相关推荐

jQuery ajax请求成功且返回了数据，但是不进success:function()
2019独角兽企业重金招聘Python工程师标准>>> 1.状态码返回200--表明服务器正常响应了客户端的请求: 2.通过firebug和IE的httpWatcher可以看出服务器 ...
jquery的2.0.3版本源码系列(2):21行-94行定义了一些变量和函数 jQuery=function(){}
2.1.bug通过索引查询这里的#13335是bug的索引,如何查询呢? 第一步,浏览器地址栏输入"https://bugs.jquery.com/". 第二步,在网页的搜索框里 ...
jQuery.protoype.xxx=function(){}
在的init就是fn和prototype的一个方法.想调用只能 jQuery.fn.init()或者是jQuery.prototype.init(),那怎么办呢?你看我们一般都是这样调用fn里面的函数 ...
jQuery之滚动事件$(window).scroll(function()
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
JS 实现 jQuery的$(function(){});
1.浏览器渲染引擎的HTML解析流程何谓"渲染",其实就是浏览器把请求到的HTML内容显示出来的过程.渲染引擎首先通过网络获得所请求文档的内容,通常以8K分块的方式完成.下面是渲 ...
jquery：TypeError: $(...).on is not a function
当发生错误 TypeError: $(...).on is not a function 时,当不存在javascript类冲突的前提下,考虑是否是因为jquery版本过低! 参考: http://s ...
jquery.form.js java_教javascript函数和jquery函数的使用$(form).submit(function()
教javascript函数和jquery函数的使用$("form").submit(function() 1.$ 是 JQuery 常用的一个回传函数,定义为 "选取&q ...
jQuery UI dialog插件出错信息:$(this).dialog is not a function
使用jQuery UI 1.7.2 dialog插件,遇到这样的错误: [img]http://dl.iteye.com/upload/attachment/308166/97c428e4-2ce2- ...
jquery中的$(function(){})和document.ready(function(){})和jQuery(function () {}
2019独角兽企业重金招聘Python工程师标准>>> 都表示的是DOM结构绘制完毕后就执行,不必等到加载完毕. 区别.只是简洁性.最后的那个是为了区分. 在jquery中 $ 其实 ...
解决sea.js引用jQuery提示$ is not a function的问题
解决sea.js引用jQuery提示$ is not a function的问题参考文章: (1)解决sea.js引用jQuery提示$ is not a function的问题 (2)https: ...

(function($){...})(jQuery)是什么意思

(function($){...})(jQuery)是什么意思相关推荐

最新文章

热门文章