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

Jquery开发插件的方法

2016-06-29 11:30 351 查看
Jquery未开发插件提供了两个方法:

(1)Jquery.extend(object) -为Jquery类本身添加新的方法;代码如下:

$.extend({
add:function(a,b){
return a+b;
}
});

调用方法:$.add(3,4)   - $=Jquery


为jquery类添加了名为add的一个静态方法,之后便可以在引入jquery的地方,使用这个方法了,$.add(3,4);

(2)Jquery.fn.extend(object)

$.fn相当于Jquery的命名空间,fn上的成员(方法function以及属性peoperty)会对每一个实例都有效果;

查看Jquer用的代码就不难发现

jQuery.fn = jQuery.prototype = {

   init: function( selector, context ) {

};


原来jquery.fn=jquery.property,所以它是对property进行扩展,为jquery添加"成员函数",jquery的实例都可以使用这个"成员函数"

假设我们要开发一款插件,做一个自定义弹框,那么代码可以这么写:

$.fn.extend({
zdyAlert:function(){
alert('自定义插件!');
};
});

调用方法:$('选择器').zdyAlert();
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: