$.extend()详解

$.extend()详解JQuery 的 extend 扩展方法 Jquery 的扩展方法 extend 是我们在写插件的过程中常用的方法 该方法有一些重载原型 在此 我们一起去了解了解 一 Jquery 的扩展方法原型是 extend dest src1 src2 src3 它的含义是将 src1 src2 src3 合并到 dest 中 返回值为合并

extend(dest,src1,src2,src3...);
var newSrc=$.extend({},src1,src2,src3...)//也就是将"{}"作为dest参数。 
var result=$.extend({},{name:"Tom",age:21},{name:"Jerry",sex:"Boy"}) 

      那么合并后的结果

result={name:"Jerry",age:21,sex:"Boy"}

      二、省略dest参数
      上述的extend方法原型中的dest参数是可以省略的,如果省略了,则该方法就只能有一个src参数,而且是将该src合并到调用extend方法的对象中去,如:
   1、$.extend(src)
   该方法就是将src合并到jquery的全局对象中去,如:






$.extend({ hello:function(){ alert('hello'); } }); 
$.fn.extend({ hello:function(){ alert('hello'); } });

 

   就是将hello方法合并到jquery的实例对象中。

   下面例举几个常用的扩展实例:

$.extend({net:{}}); 

   这是在jquery全局对象中扩展一个net命名空间。

$.extend( $.net, { hello:function(){ alert('hello'); } } )

   三、Jquery的extend方法还有一个重载原型:  

extend(boolean,dest,src1,src2,src3...)
var result=$.extend( true, {}, { name: "John", location: {city: "Boston",county:"USA"} }, { last: "Resig", location: {state: "MA",county:"China"} } ); 
result={name:"John",last:"Resig", location:{city:"Boston",state:"MA",county:"China"}} 
 

       也就是说它会将src中的嵌套子对象也进行合并,而如果第一个参数boolean为false,我们看看合并的结果是什么,如下:

var result=$.extend( false, {}, { name: "John", location:{city: "Boston",county:"USA"} }, { last: "Resig", location: {state: "MA",county:"China"} } ); 

     那么合并后的结果就是:


result={name:"John",last:"Resig",location:{state:"MA",county:"China"}}

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/216412.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月18日 上午11:54
下一篇 2026年3月18日 上午11:55


相关推荐

  • react高阶组件和hooks

    react高阶组件和hooks1 react 高阶组件 2 hooks 语法 3 路由 6 0 自封装 withRouter 函数

    2026年3月19日
    2
  • 阿里云Maven仓库

    阿里云Maven仓库文章目录一 仓库介绍二 配置指南 1 maven 配置指南 2 gradle 配置指南三 国内 Maven 仓库搜索地址四 Maven Search 插件使用 1 安装 2 使用一 仓库介绍阿里云云效 Maven 是什么阿里云 Maven 中央仓库为阿里云云效提供的公共代理仓库 帮助研发人员提高研发生产效率 使用阿里云 Maven 中央仓库作为下载源 速度更快更稳定 阿里云云效是企业级一站式 DevOps 平台 覆盖产品从需求到运营的研发全生命周期 其中云效也提供了免费 可靠的 Maven 私有仓库 Packa

    2026年3月26日
    2
  • 机器学习 —— 浅谈贝叶斯和MCMC

    机器学习 —— 浅谈贝叶斯和MCMC‍‍Abstract:最近课业内的任务不是很多,又临近暑假了,就在网上搜了一些有关于机器学习和深度学习的课程进行学习。网上的资料非常繁多,很难甄别,我也是货比三家进行学习…

    2022年5月5日
    65
  • 增强Spring @CacheEvict实现key模糊匹配清除

    增强Spring @CacheEvict实现key模糊匹配清除系统中集成了 Springcache 使用 CacheEvict 进行缓存清除 CacheEvict 可以清除指定的 key 同时可以指定 allEntries true 清空 namespace 下的所有元素 现在遇到一个问题使用 allEntries true 清空 namespace 的值只能是常量 但是我现在需要将缓存根据租户的唯一 TelnetID 进行分离 这就导致 allEntries true 不能使用了 否则一旦触发清除缓存 将会导致全部的缓存清空 而我只想清空当前租户的缓存 熟悉 re

    2026年3月9日
    4
  • 国内首个OpenClaw中文版!当贝Molili 1.0.7上线:一键安装部署 成本减半

    国内首个OpenClaw中文版!当贝Molili 1.0.7上线:一键安装部署 成本减半

    2026年3月12日
    1
  • 浅拷贝和深拷贝的方法java_jdg粗中有细

    浅拷贝和深拷贝的方法java_jdg粗中有细1.拷贝的引入(1)引用拷贝创建一个指向对象的引用变量的拷贝。例1:Teacherteacher=newTeacher(“Taylor”,26);Teacherotherteacher=teacher;System.out.println(teacher);System.out.println(otherteacher);输出结果:blog.Teacher@355da254bl

    2025年6月8日
    4

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号