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);