首页 / JQUERY / jQuery插件接口的实现

jQuery插件接口的实现

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了jQuery插件接口的实现，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1357字，纯文字阅读大概需要2分钟。

内容图文

http://www.imooc.com/code/3403

如果jQuery没有插件接口的设计，那么他就像个光杆司令没有兵，就是没有手下，只有自己一个封闭的城堡。因此jQuery城堡需要设计一个大门 - 插件接口，从而打开大门开始招兵买马。当然jQuery除了获得“开发者社区”的大力支持外，也有很多大公司纷纷对它投出了橄榄枝，这也是它成功的关键。

        基于插件接口设计的好处也是颇多的，其中一个最重要的好处是把扩展的功能从主体框架中剥离出去，降低了框架的复杂度。接口的设计好比电脑上的配件如：CPU、内存、硬盘都是作为独立的模块分离出去了，但是主板提供模块的接口，例如支持串口的硬盘，我只要这个硬盘的接口能插上，甭管是500G还是1000G的容量的硬盘，都能使用。所以在软件设计中插件接口的提供把独立的功能与框架以一种很宽松的方式松耦合。

从之前的分析中我们可以知道jQuery对象的原理，所以一般来说，jQuery插件的开发分为两种：

  ?  一种是挂在jQuery命名空间下的全局函数，也可称为静态方法；

  ?  另一种是jQuery对象级别的方法，即挂在jQuery原型下的方法，这样通过选择器获取的jQuery对象实例也能共享该方法。
分别是$.fn.extend()和$.extend()
            //
            一个参数
            $.extend({
        fn1: 
            function
            (){
            console.log("fn1");
        }
    });
    $.fn1();//fn1，加的实例方法    $.fn.extend({
        fn2: function(){
            console.log("fn2");
        }
    });
    var div = $("#Odiv");
    div.fn2();//fn2，加的静态方法
//多个参数
$.extend({name:"ss"},{age:11})
Object {name: "ss", age: 11}
$.fn.extend({name:"ss"},{age:11})
Object {name: "ss", age: 11}

简单来讲这样实现：

ajQuery.extend = ajQuery.fn.extend = function() {
        var options, src, copy,
                target = arguments[0] || {},
                i = 1,
                length = arguments.length;

        //只有一个参数，就是对jQuery自身的扩展处理//extend,fn.extendif (i === length) {
            target = this; //调用的上下文对象jQuery/或者实例
            i--;
        }
        for (; i < length; i++) {
            //从i开始取参数,不为空开始遍历if ((options = arguments[i]) != null) {
                for (name in options) {
                    copy = options[name];
                    //覆盖拷贝
                    target[name] = copy;
                }
            }
        }
        return target;
    }

 

原文：http://www.cnblogs.com/darr/p/5128062.html

内容总结

以上是互联网集市为您收集整理的jQuery插件接口的实现全部内容，希望文章能够帮你解决jQuery插件接口的实现所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1205083.html

来源：【匿名】