jQuery创建插件的代码分析
更新时间：2011年04月14日 21:49:40 作者：
jQuery创建插件的代码分析，需要的朋友可以参考下。
创建jQuery插件，基本的格式是上面这段代码：
(function ($)
{
//add code here
})(jQuery)
我们怎么理解？
第一步：function ($){}定义了一个匿名的函数，有一个参数，$是参数名，和其他的参数名没什么区别。
第二步：(function ($){})(jQuery)
我们要执行一个匿名函数的时候，通常用var func = function ($) { },然后func(参数)这样的形式。这里func就是一个Function对象。但更简洁的(function ($) {})，这时用括号，也同样返回括号的内容，也是一个function对象。我们再执行就可以了：(function ($) {})(jQuery)
第三步：这时我们实际上是执行上面定义的匿名函数，执行的时候为该匿名函数提供一个参数值：jQuery。
第四步：所以最终上面的表达等价于：
var func = function($) { };
func(jQuery);
即定义匿名函数，并以jQuery为参数执行一次。
这里的作用是什么呢？
1、解决$符号冲突问题
jQuery中我们用$来代替jQuery，这是为了简化写法。但$这个符号有时候会冲突。
在上面匿名函数的代码中，我们可以习惯性的用$来写，但执行的时候会用jQuery来代替，这就避免了变量的冲突。
2、解决闭包问题：
一般直接写在脚本里的函数，执行后其中未销毁的变量是继续存在，并能够正常访问的。这个和我们一向理解的函数私有变量是不符的。
但我们用这种方式，将需要的所有函数都包在这个匿名函数里，则其中的局部变量，在外部将不能访问，变相的起到了创建私有的局部变量的作用。只有this.开头的那些成员，才是插件外部可以访问的。
复制代码 代码如下:
(function ($)
{
//add code here
})(jQuery)
我们怎么理解？
第一步：function ($){}定义了一个匿名的函数，有一个参数，$是参数名，和其他的参数名没什么区别。
第二步：(function ($){})(jQuery)
我们要执行一个匿名函数的时候，通常用var func = function ($) { },然后func(参数)这样的形式。这里func就是一个Function对象。但更简洁的(function ($) {})，这时用括号，也同样返回括号的内容，也是一个function对象。我们再执行就可以了：(function ($) {})(jQuery)
第三步：这时我们实际上是执行上面定义的匿名函数，执行的时候为该匿名函数提供一个参数值：jQuery。
第四步：所以最终上面的表达等价于：
var func = function($) { };
func(jQuery);
即定义匿名函数，并以jQuery为参数执行一次。
这里的作用是什么呢？
1、解决$符号冲突问题
jQuery中我们用$来代替jQuery，这是为了简化写法。但$这个符号有时候会冲突。
在上面匿名函数的代码中，我们可以习惯性的用$来写，但执行的时候会用jQuery来代替，这就避免了变量的冲突。
2、解决闭包问题：
一般直接写在脚本里的函数，执行后其中未销毁的变量是继续存在，并能够正常访问的。这个和我们一向理解的函数私有变量是不符的。
但我们用这种方式，将需要的所有函数都包在这个匿名函数里，则其中的局部变量，在外部将不能访问，变相的起到了创建私有的局部变量的作用。只有this.开头的那些成员，才是插件外部可以访问的。
相关文章
本章讲解jQuery最重要的选择器部分的知识. 有了jQuery的选择器我们几乎可以获取页面上任意的一个或一组对象, 可以明显减轻开发人员的工作量.2010-10-10
昨天写了篇通过jQuery源码学习javascript（一），里面有一个定义对象C的方法，我早期也没有太注意这个方面的技术细节。后来我查了一下资料，发现里面有很多巧的地方。今天与大家分享2012-12-12
这篇文章主要介绍了jQuery操作元素追加内容,结合完整实例形式分析了jquery页面元素追加相关操作方法,包括append、appendTo、prepend、prependTo等方法使用技巧,需要的朋友可以参考下2020-01-01
jQuery选择器使得获得页面元素变得更加容易、更加灵活，从而大大减轻了开发人员的压力。如同盖楼一样，没有砖瓦，就盖不起楼房。得不到元素谈何其他各种操作呢？可见,jQuery选择器的重要性。当然想一下子掌握所有选择器也是很困难的，这个得靠实践和积累2014-03-03
这篇文章主要为大家详细介绍了jQuery多选框选择数量限制方法，最多选择 三项 的上限已满, 其他选项将会变为不可选2017-02-02
利用JQuery实现datatables插件的增加和删除行功能
这篇文章给大家介绍了jquery实现datatables插件的增加和删除行的功能，代码简单易懂，非常不错，具有参考借鉴价值，需要的朋友参考下2017-01-01
浅析Js(Jquery)中,字符串与JSON格式互相转换的示例(直接运行实例)
这几天，遇到了json格式在JS和Jquey的环境中，需要相互转换，在网上查了一下，大多为缺胳膊少腿，也许咱是菜鸟吧，终于测试成功后，还是给初学者们一个实例吧2013-07-07
这篇文章主要介绍了Jquery搜索父元素操作方法,实例分析了parents、cloest、parent、parentsUtil及offsetParent方法的使用技巧,需要的朋友可以参考下2015-02-02
这篇文章主要介绍了jQuery实现简单的计时器功能,结合实例形式分析了jQuery实现倒计时60秒的具体操作技巧与相关注意事项,需要的朋友可以参考下2017-08-08
jQuery EasyUI是一组基于JQuery的UI插件集合，而JQueryEasyUI的目标就是帮助开发者更轻松的打造出功能丰富并且美观的UI界面，下面小编带领大家一起学习jquery easyui入门知识，一起看看吧2016-08-08
最新评论