調用名為$. extend的工具函數,可以對原有的工具函數進行擴展,自定義類級別的jQuery插件,調用格式為:
$. extend ({options});
參數options表示自定義插件的函數內容。
<body>
<div id="divtest">
<div class="title">
<span class="fl">自定義工具函數求兩值中最小值</span>
<span class="fr">
<input id="btnShow" name="btnShow" type="button" value="計算" />
</span>
</div>
<div class="content">
<div class="tip"></div>
</div>
</div>
<script type="text/javascript">
/*------------------------------------------------------------/
功能:返回兩個數中最小值
參數:數字p1,p2
返回:最小值的一個數
示例:$.MinNum(1,2);
/------------------------------------------------------------*/
; (function ($) {
$.extend({
"MinNum": function (p1, p2) {
return (p1 > p2) ? p2 : p1;
}
});
})(jQuery);
$(function () {
$("#btnShow").bind("click", function () {
$(".tip").html("");
var strTmp = "17與18中最小的數是:";
strTmp +=$.MinNum(17, 18);
//顯示在頁面中
$(".tip").show().append(strTmp);
});
});
</script>
</body>
結果:17與18中最小的數是:17