jquery拓展外掛程式開發

2022-05-23 12:24:09 字數 836 閱讀 3220

學習參考**整理:

jquery外掛程式的開發包括兩種:

1、類級別外掛程式開發:給jquery類新增類方法,可理解為新增靜態方法;例如$.ajax()函式;

//定義全域性函式

$.foo = function(){};

$.bar = function(){};

//$.foo();$bar();

//使用extend定義全域性函式

$.extend(,default,options);//利用extend把default的物件的方法屬性整合到options中;

//此處不需要this.each(function(){});

//執行**

var _id = settings.id,

_url = settings.url,

_title = settings.title;

$(_id).closet(".popwrap").hide(); 

//呼叫方法:$.popshow()(jquery);

//$.plugin.foo();

2、物件級別外掛程式

//形式一

(function($);

})(jquery);

$.fn.foo = function(){};

//形式二

(function($);

})(jquery);

//接受引數控制外掛程式的行為

(function($),defaults,options);// 這個是利用extend方法把 defaults物件的方法屬性全部整合到 options裡

this.each(function())(jquery);

jQuery 外掛程式拓展

jquery.fn是所有jquery物件的原型物件 1 不要依賴 識別符號 function jquery 2 若外掛程式不反回自己的值,請確保返回jquery物件以便進行鏈式呼叫 3 如果擴充套件方式有兩個以上的引數或配置選項,請允許使用者能使用物件的方式傳遞選項 4 不要汙染jquery命名空間...

jQuery 外掛程式開發

一 類級別的外掛程式開發 即給jquery新增新的全域性函式,相當於給jquery類本身新增方法,jquery的全域性函式就是屬於jquery命名空間的函式。1 新增全域性函式 方法一 jquery.onetest function jquery.twotest function 方法二 jquer...

jquery 外掛程式開發

自定義主要通過兩種方式實現 extend fn.extend 呼叫的方法分別是 aa this aa 注意 建立函式時不要放在 function 中,呼叫時候要放在事件裡面 this click function jquery.extend 函式詳解 jquery的extend擴充套件方法 jque...