1.$.extend
,以乙個頁面彈窗為例:
//$.extend有兩種寫法,注意擴充套件時funcname=function()和funcname:function()的區別
//1. $.funcname = function(){},一般用於定義單個擴充套件(外掛程式)
$.popup = function
(text, type, second = 2) ,
'warning': ,
'error':
}type = type in types ? type : 'info'
$p = $('
').text(':'.format(type, text)).css().css(types[type]);
settimeout(() => $p.fadeout(), parseint(second) * 1000)
};
//2. $.extend(, funcname2:function(){}}),一般用於定義多個擴充套件(外掛程式)
$.extend(,
});
//呼叫方式:
$.popup("儲存失敗!", "error", 3)
2.$.fn.extend
,以乙個在游標處插入文字為例:
//和$.extend一樣,$.fn.extend也是同樣的兩種寫法
//1. $.fn.funcname = function(){},一般用於定義單個擴充套件(外掛程式)
$.fn.insertcontent = function
(myvalue, t)
} else
if ($t.selectionstart
|| $t.selectionstart == '0')
} else
}
//2. $.fn.extend(, funcname2:function(){}}),一般用於定義多個擴充套件(外掛程式)
$.fn.extend(,
})
//呼叫方式
3.[datatype].prototype
,以乙個文字格式化為例:
//[datatype].prototype只有一種寫法
string.prototype.format = function
(args) )", "g");
result = result.replace(reg, args[key]);}}
}else )", "g");
result = result.replace(reg, arguments[i]);}}
}}return result;
}
//呼叫方式
var text = '": , "": ""}'.format('id',1,'name','nandy')
jquery外掛程式編寫
最近大家都玩什麼react node angular這些玩意去了 隨著瀏覽器的相容性 以及前端開發思想的進化 jquery逐漸被拋棄 現在自己也很少用了 純粹為了懷戀曾經的jquery.現在寫寫jquery外掛程式的寫法。沒事的時候避免老年痴呆,可以用來玩玩。寫法一 function window ...
jQuery 編寫外掛程式
jquery為開發外掛程式提供了兩個方法,分別是 1 類級別的外掛程式開發,即給jquery新增新的全域性函式,相當於給jquery類本身新增方法。2 物件級別的外掛程式開發,即給jquery物件新增方法。1 類級別的外掛程式開發 用的比較少 a.新增全域性函式 jquery.foo functio...
jQuery 編寫外掛程式
編寫乙個jquery外掛程式的原則 給 fn繫結函式,實現外掛程式的 邏輯 外掛程式函式最後要return this 以支援鏈式呼叫 外掛程式函式要有預設值,繫結在 fn.defaults上 使用者在呼叫時可傳入設定值以便覆蓋預設值。一 fn 給jquery物件繫結乙個新方法是通過擴充套件 fn物件...