jquery扩展

写jquery的扩展有两种方法,都差不多，区别在调用的方式有所区别

   <script src="jquery-3.2.1.min.js"></script>
    <script>
        $.extend({
            'test':function () {
                return 'this is a test';
            }
        });
        var v = $.test();
        alert(v);

        $.fn.extend({
            'test2':function () {
                return 'test2';
            }
        });
        var v1 = $('#i1').test2();
        alert(v1);

 

如果我们需要在我们的html中引用jquery插件,自己写插件的时候,为了避免全局变量和其他的jquery插件冲突，需要使用jquery的自执行函数;

plugin.js

/**
 * Created by charles on 2017/5/18.
 */


(function (arg) {
    var status = 1;

    arg.extend({
        'myfunction':function () {
            return 'sb111';
        }
    })
})(jQuery);