day17--22章节 jquery扩展

1、$.extend()

（a）

       <script>
            $.extend({
                'ws':function(){
                    return'sb';   //ws为方法名
                }
            });
            var v=$.ws();
            alert(v);      //执行该函数时，弹出框会弹出 sb
        </script>

（b）也可以将$.extend的扩展写入一个js文件中，在html文件中进行调用：

js文件内容如下：

          status=1； 
          $.extend({
                'ws':function(){
                    return'sb';
                }
            });

html内容如下：

        <script src="plugin1.js"></script>
        <script>
            var v=$.ws();
            alert(v);
        </script>

2、$.fn.extend()

           $.fn.extend({
                'sw':function(){
                    return'bs';
                }
            });
            var v=$('#i1').sw();
            alert(v);

3、不同的js文件中，可能会有相同的变量名，那么可以将status写入函数中，将该函数定义为自执行函数：

(function (arg) {
    var status = 1;
    arg.extend({
       'ws': function () {
           return 'sb';
       }
    });
})(jQuery);
//自执行函数
//为避免其他的js文件中也有statue变量，可以将其放入一个函数中，写一个自执行函数；arg为形式参数，jquery为实际参数