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>
  • 相关阅读:
    PostgreSQL恢复误操作
    PostgreSQL修改表空间
    vim技巧记录
    postgresql recovery.conf文件内容说明
    转一篇pgpool配置
    由PostgreSQL的区域与字符集说起(转)
    PostgreSQL老司机博客 经常翻翻收获不小
    两位数相乘的口算方法
    五线谱升调与降调
    js中的封装、继承、多态
  • 原文地址:https://www.cnblogs.com/lixiang1013/p/7633000.html
Copyright © 2011-2022 走看看