学习JQuery插件开发教程

如果你跟我一样，jQuery属于入门级的，那么我建议你看我下一篇jQuery教程：自己动手开发jquery插件 ，这篇插件比较容易理解和模范，适合新手开发jQuery插件。推荐你去看一看。 在逛codeproject网站的时候，突然看到一篇文章：How to write plugin in Jquery. 如果对E文好的同学 ，可以看上面的连接。 现在我把上面网站的及结合自己的想法写这篇文章。希望能得到大牛们的支持和谅解。。。大鸟飞过。。。欢迎拍装。

一.介绍

 插件编写的目的是给已经有的一系列方法或函数做一个封装，以便在其他地方重复使用，方便后期维护。 JQuery除了提供一个简单、有效的方式进行管理元素以及脚本，它还还提供了例外一种机制：即给核心模块增加自己的方法和额外的功能。通过这种机制，Jquery允许我们自己创建属于我们自己的插件，提高我们在开发过程中的效率。

1.1JQuery的插件分为3中类型：

1. 封装对象方法的插件（也就是对象级别的开发）这种类型的插件是我们今天需要讲的插件。
2. 封装全局函数的插件（类级别开发）指可以把独立的函数添加到JQuery命名空间之下。

添加一个全局函数，我们只需如下定义：

jQuery.foo = function() {
 alert('This is a test. This is only a test.');
};

当然 你也可以添加多个全局函数：

jQuery.foo = function() { 
 alert('This is a test. This is only a test.'); 
}; 
jQuery.bar = function(param) { 
 alert('This function takes a parameter, which is "' + param + '".'); 
};

调用时和一个函数的一样的:jQuery.foo();jQuery.bar();或者$.foo();$.bar('bar'); 

 （3）选择器插件

1.2编写JQuery插件需要注意的地方： 

1. 插件的推荐命名方法为：jquery.[插件名].js
2. 所有的对象方法都应当附加到JQuery.fn对象上面，而所有的全局函数都应当附加到JQuery对象本身上。
3. 在插件内部，this指向的是当前通过选择器获取的JQuery对象，而不像一般方法那样，内部的this指向的是DOM元素。
4. 可以通过this.each 来遍历所有的元素
5. 所有方法或函数插件，都应当以分号结尾，否则压缩的时候可能会出现问题。为了更加保险写，可以在插件头部添加一个分号（；），以免他们的不规范代码给插件带来