jquery外掛程式開發

jquery的外掛程式開發可以讓我們自己編寫函式使用$.函式名直接呼叫

jquery外掛程式開發方式主要有三種：

通過$.extend()來擴充套件jquery

通過$.fn 向jquery新增新的方法

通過$.widget()應用jquery ui的部件工廠方式建立

第一種方式：

$.extend(

})$.sayhello(); //呼叫
$.sayhello('wayou'); //帶參呼叫

第二種方式：

$.fn.pluginname = function()

$.fn.myplugin = function()

(function($)))}      

})      
})(jquery);

.支援鏈式呼叫

只需要return最後一行**即可

(function($))).        

}      
})      
})(jquery);

接收引數

有時我們呼叫函式時會選擇不傳引數，那麼在jquery可以使用$.extend(預設引數，傳入引數)實現

$.fn.myplugin = function(options) ;

var settings = $.extend(defaults, options);//把options的資料覆蓋住defaults的資料
return this.css();
}

呼叫：

在上面的呼叫中，第一次呼叫會把預設defaults的值修改，那麼我們再次訪問時已經是被修改後的資料

$.fn.myplugin = function(options) ;

var settings = $.extend({},defaults, options);//將乙個空物件做為第乙個引數，這樣所有資料到加到{}中，defaults並沒有修改
return this.css();
}

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...

jquery 外掛程式開發

jquery外掛程式開發一般通過兩種框架方式 一種是在jquery物件上直接定義新成員，形成外掛程式 另一種是封裝完整的外掛程式 然後將jqeury作為引數自身呼叫，達到給jquery物件擴充套件功能目的，形成外掛程式。其實兩種方式都是給jqeury物件擴充套件成員來實現外掛程式功能的，所以本質上功...