您现在的位置: 万盛学电脑网 >> 程序编程 >> 脚本专题 >> javascript >> 正文

跟我一起学JQuery插件开发

作者:佚名    责任编辑:admin    更新时间:2022-06-22

在逛codeproject网站的时候,突然看到一篇文章:How to write plugin in Jquery. 
如果对E文好的同学 ,可以看上面的连接。
现在我把上面网站的及结合自己的想法写这篇文章。希望能得到大牛们的支持和谅解。。。大鸟飞过。。。欢迎拍装。
来源:

【1】How to write plugin in Jquery.

【2】锋利的JQuery 书

【3】RascallySnake的JQuery.extend()详解
一.介绍 
插件编写的目的是给已经有的一系列方法或函数做一个封装,以便在其他地方重复使用,方便后期维护。 
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)所有方法或函数插件,都应当以分号结尾,否则压缩的时候