jquery插件的开发包括两种:一种是类级别的插件开发,即给jquery添加新的全局函数,相当于给jquery类本身添加方法。
另一种是对象级别的插件开发,即给jQuery对象添加方法。
1.类级别的插件开发
类级别的插件开发最直接的理解就是给jQuery类添加方法,可以理解为添加静态方法,开发时可以采用以下几种形式进行扩展:
1)添加一个新的全局函数
$.foo=function(){
alert("foo");
}
调用:$.foo();
2)使用jQuery.extend(object)方式扩展
$.extend({
foo:function(){
alert("foo");
}
bar:function(){
alert("bar");
}
})
调用:$.foo(); $.bar();
3)使用命名空间扩展
$.myPlugin={
foo:function(){
alert("foo");
}
bar:function(){
alert("bar");
}
}
调用:$.myPlugin.foo(); $.myPlugin.bar();
2.对象基本的扩展
1)$.fn.foo=function(){
alert("foo");
}
调用:$('#myf').foo();
2)$.fn.extend({
foo:function(){
alert('foo');
}
})
调用:$('#myf').foo();
下面的一个针对对象的扩展,直接调用即可
var amy={};
amy.alert=function(){
alert("foo");
}
调用:amy.alert();