jquery-扩展

jQuery扩展三种方式:$.extend,$.fn.extend,外部文件。

1)jQuery.extend(object) 调用 $.方法

2)jQuery.fn.extend(object)调用 $(..).方法

3)把扩展写在文件中引用,在调用 ,这存在两个问题:

  一是可以扩展多个文件,文件调用的方法相同。

  二是多个文件可能有相同的的全局变量。

  为了解决上面的问题,可以用自执行方法(function(){形参})(实参)

plusin1.js
/**
 * Created by alex on 2016/11/26.
 */


status = 1;

$.extend({
   'wangsen': function () {
       return 'sb';
   }
});
plusin2.js

/**
 * Created by alex on 2016/11/26.
 */
(function (arg) {

    var status = 1;

    arg.extend({
       'wangsen': function () {
           return 'sb';
       }
    });

})(jQu$ery);
<!DOCTYPE html>
<html >
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

    <script src="jquery-1.12.4.js"></script>
    <script src="plugin1.js"></script>
    <script>
        var v = $.wangsen();
        alert(v);
//        $('#i1').css()
//        $.ajax()
        // jquery扩展
//        $.fn.extend({
//            "hanyang": function () {
//                return 'db';
//            }
//        });
//        var v = $('#i1').hanyang();
//        alert(v);

//        $.extend({
//            'wangsen': function () {
//                return 'sb';
//            }
//        });
//        var v = $.wangsen();
//        alert(v);
    </script>

</body>
</html>