您的位置:首页 > Web前端 > JQuery

jquery 扩展方法

2015-09-06 17:03 579 查看
jquery插件的开发包括两种:一种是类级别的插件开发,即给jquery添加新的全局函数,相当于给jquery类本身添加方法。

另一种是对象级别的插件开发,即给jQuery对象添加方法。

也可以理解为另外两种方式,一种是jQuery本身的扩展方法,另一种是jQuery所选对象的扩展方法。
1.jQuery.extend(object);// jQuery 本身的扩展方法
2.jQuery.fn.extend(object);// 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();
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: