zoukankan      html  css  js  c++  java
  • 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 lang="en">
    <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>
  • 相关阅读:
    web开发:jquery高级
    web开发:jquery初级
    web开发:javascript之dom与bom
    web开发:javascript案例
    web开发:javascript动画
    web开发:javascript高级
    web开发:javascript操作
    web开发:javascript基础
    web开发:形变、表格及多行文本操作
    web开发:动画及阴影
  • 原文地址:https://www.cnblogs.com/lixiang1013/p/7633000.html
Copyright © 2011-2022 走看看