js封装JQ库为插件

浏览数：35 / 时间：2015年06月09日

//在jQuery匿名函数中,采用jQuery.extend();方法创建jQuery插件
//在jQuery匿名函数中, 采用对象.属性 = 函数的方式创建jQuery插件
(function ($) {
    jQuery.extend({
        jia: function (a, b) {
            return a + b;
        },
        jian: function (a, b) {
            return a < b ? b - a : a - b;
        }
    });
    $.sub = {
        sheng: function (a, b) {
            return a * b;
        },
        chu: function (a, b) {
            return a < b ? b / a : a / b;
        }
    }
    jQuery.fn.Insert = function (a) {
        alert(a);
    }
})(jQuery)

    <script type="text/javascript" src="~/jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="~/JQTest.js"></script>
    <script type="text/javascript">
        function btn_click() {
           var a = prompt("请输入一个数字：");
           var b = prompt("请输入一个数字：");
           var A = prompt("请输入一个数字：");
           var c = jQuery.jia(a, b);
           var d = jQuery.jian(a, b);
           var e = $.sub.sheng(a, b);
           var f = $.sub.chu(a, b);
           alert("相加：" + c + "，相减：" + d + "，相乘：" + e + ",相除：" + f );
           $.fn.Insert("啦啦");
        }
    </script>