jQuery插件开发中$.extend和$.fn.extend辨析
?jQuery插件開發分為兩種:
?
1 類級別
類級別你可以理解為拓展jquery類,最明顯的例子是$.ajax(...),相當于靜態方法。
開發擴展其方法時使用$.extend方法,即jQuery.extend(object);?
?
$.extend({?
???????add:function(a,b){return a+b;}?,
???????minus:function(a,b){return a-b;}?
});?
頁面中調用:
var i = $.add(3,2);
var j = $.minus(3,2);
2 對象級別
對象級別則可以理解為基于對象的拓展,如$("#table").changeColor(...); 這里這個changeColor呢,就是基于對象的拓展了。
開發擴展其方法時使用$.fn.extend方法,即jQuery.fn.extend(object);?
$.fn.extend({
????????check:function(){
????????????? return this.each({
?????????????????? this.checked=true;
?????????????});
????????},
???????uncheck:function(){
????????????? return this.each({
??????????????????? this.checked=false;
???????????? });
?????? }
});
頁面中調用:
$('input[type=checkbox]').check();
$('input[type=checkbox]').uncheck();
?
3、擴展
$.xy = {
add:function(a,b){return a+b;} ,
minus:function(a,b){return a-b;},
voidMethod:function(){?alert("void");?}
};
var i = $.xy.add(3,2);
var m = $.xy.minus(3,2);
$.xy.voidMethod();
轉載于:https://www.cnblogs.com/ranran/p/jQuery_extend.html
總結
以上是生活随笔為你收集整理的jQuery插件开发中$.extend和$.fn.extend辨析的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: centos6.4 搭建knowlede
- 下一篇: VMware vSphere Repli