js插件$.extend()与$.fn.extend()基础

插件的理解。$.extend()与$.fn.extend()
    插件开发包括两种:1.类级别的插件开发,即$.extend()扩展jquery对象本身;2.对象级别的插件开发,即$.fn.extend()扩展jquery元素集来提供新的方法。
    1.类级别的插件开发
        1.(function($){
                $.extend({
                    hello:function(){alert("hello world");},
                    world:function(){alert(hello world);}
                })
          })(jQuery)
          调用:$.hello(),$.world()
        2.采用命名空间
          (function($){
                $.myExtend({
                    hello:function(){alert("hello world");},
                    world:function(){alert(hello world);}
                })
          })(jQuery)
          调用:$.myExtend.hello(),$.myExtend.world()
    2.对象级别的插件开发
        1.(function($){
                $.fn.extend({
                    myAnimate:function(){}
                })
           })(jQuery)
           调用:$("#myAnimate").myAnimate()
        2.(function($){
                $.fn.myAnimate=function(){}
          })(jQuery)
          调用:$("#myAnimate").myAnimate()
    3.$.extend()有两种用法
        一种是扩展方法,如上述所示。
        另一种是合并对象获得一个新的对象,$([deep],target,options,defaluts,...),
        例如:
        var settings={validate:false,limit:5,name:"sm"};
        var defaults={validate:true,limit:2}
        var settings=$.extend(settings,defaults);
        结果:settings={validate:true,limit:2,name:"sm"}
        var empty={};
        var options={validate:false,limit:5,name:"sm"};
        var defaults={validate:true,limit:2}
        var settings=$.extend(empty,options,defaults);
        结果:settings={validate:true,limit:2,name:"sm"};
        deep可以为ture或false
        var result={true,{},name:"a",num:3,location:{city:"H",county:"A"},location:{state:"D",county:"CH"}}
        结果:result={name:"a",num:3,location:{city:"H",state:"D",county:"CH"}}
        var result={false,{},name:"a",num:3,location:{city:"H",county:"A"},location:{state:"D",county:"CH"}}
        结果:result={name:"a",num:3,location:{state:"D",county:"CH"}}
    4.匿名函数(最大的用途是创建闭包)
        例如:(function($){})(jQuery)等价于!function(){}(jQuery)<这个用在bootstrp框架中>

创新互联是一家专注于成都做网站、网站制作与策划设计,临城网站建设哪家好?创新互联做网站,专注于网站建设十多年,网设计领域的专业建站公司;建站业务涵盖:临城等地区。临城做网站价格咨询:18982081108


本文题目:js插件$.extend()与$.fn.extend()基础
文章地址:http://bzwzjz.com/article/jsgdih.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 自适应网站建设 成都响应式网站建设 高端网站设计 专业网站设计 成都品牌网站设计 企业网站设计 响应式网站设计 网站制作 成都定制网站建设 成都网站制作 网站建设方案 成都网站建设 成都网站建设公司 成都商城网站建设 成都网站制作 手机网站建设套餐 定制网站建设 做网站设计 成都网站设计 响应式网站设计 定制网站建设多少钱 成都网站建设