核心提示：(1)功能描述：新增两个类级别的全局函数，分别用于计算两数之和与两数之差，并将结果返回调用的页面中。(2)JS/// /// /*-----------------------------------...
(1)功能描述：新增两个类级别的全局函数，分别用于计算两数之和与两数之差，并将结果返回调用的页面中。
(2)JS
////// /*------------------------------------------------------------/ 功能：计算二个数字相加或相减的结果 参数：数字p1,p2 返回：两数相加后的结果 示例：$.AddNum(1,2); /------------------------------------------------------------*/ ; (function($) { $.extend({ "addNum": function(p1, p2) { //如果传入的数字不为空，使用传入的数字，否则为0 p1 = (p1 == undefined) ? 0 : p1; p2 = (p2 == undefined) ? 0 : p2; var intResult = parseInt(p1) + parseInt(p2); return intResult; }, "subNum": function(p1, p2) { //如果传入的数字不为空，使用传入的数字，否则为0 var intResult = 0; p1 = (p1 == undefined) ? 0 : p1; p2 = (p2 == undefined) ? 0 : p2; if (p1 > p2) { //如果传入的参数前者大于后者 intResult = parseInt(p1) - parseInt(p2); } return intResult; } }); })(jQuery);
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="https://www.w3.org/1999/xhtml">
<head>
<title>编写一个类级别的插件</title>
<script type="text/javascript"
src="Jscript/jquery-1.4.2-vsdoc.js">
</script>
<script type="text/javascript"
src="Jscript/jquery-1.4.2.js">
</script>
<script type="text/javascript"
src="Plugin/jquery.twoaddresult.js">
</script>
<style type="text/css">
body{font-size:12px}
.pFrame{width:260px;border:solid 1px #666}
.pFrame .pTitle{padding:5px;background-color:#eee;font-weight:bold}
.pFrame .pContent{padding:8px;line-height:1.6em}
.txt{border:#666 1px solid;padding:2px;width:150px;margin-right:3px;width:8px}
.btn {border:#666 1px solid;padding:2px;width:50px;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff, EndColorStr=#ECE9D8);}
</style>
<script type="text/javascript">
$(function () {
$("#Button1").click(function () {
$("#Text3").val(
$.addNum($("#Text1").val(),
$("#Text2").val()));
}); //调用自定义的插件计算两数之和
$("#Button2").click(function () {
$("#Text6").val(
$.subNum($("#Text4").val(),$("#Text5").val())
)
})
//调用自定义的插件计算两数之差
})
</script>
</head>
<body>
<p class="pFrame">
<p class="pTitle">
类级别的插件
</p>
<p class="pContent">两数相加：
<input id="Text1" type="text" class="txt" />
+
<input id="Text2" type="text" class="txt" />
=
<input id="Text3" type="text" class="txt" />
<input id="Button1" type="button"
value="等于" class="btn" />
<hr />两数相减：
<input id="Text4" type="text" class="txt" />
-
<input id="Text5" type="text" class="txt" />
=
<input id="Text6" type="text" class="txt" />
<input id="Button2" type="button"
value="等于" class="btn"/>
</p>
</p>
</body>
</html>
