DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery常見問題 >> 使用$.extend()擴展jquery工具函數
使用$.extend()擴展jquery工具函數
編輯:JQuery常見問題     
調用名為$. 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
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved