`
yaozhiqiang109
  • 浏览: 119704 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

jQuery.extend使用

 
阅读更多

Jquery的扩展方法原型是:extend(dest,src1,src2,src3...);

 

extend的含义是将src1,src2,src3合并到dest中,返回值为合并后的dest,合并后有可能修改了dest的值;
当后面的参数有相同的名称的时候,后面的参数值会覆盖前面的参数值。

 

例如:var result=$.extend({},{name:"Tom",age:21},{name:"Jerry",sex:"Boy"});
合并后的结果为:result={name:"Jerry",age:21,sex:"Boy"}

 

$.extend(src):该方法把将src合并到jquery的全局对象中去

 

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

 

$.fn.extend(src):该方法将src合并到jquery的实例对象中去

 

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

 

$.extend({}):扩展命名空间

 

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

 

$.extend(boolean,dest,src1,src2,src3...):第一个参数boolean代表是否进行深度拷贝,为true表示嵌套的子对象会得到所有的key的组合,如果为false,后面得子对象的值直接覆盖前面的子对象的值

 

例如:
$.extend( true,  {},  
    { name: "John", location: {city: "Boston",county:"USA"} },  
    { last: "Resig", location: {state: "MA",county:"China"} } )={name:"John",last:"Resig",location:{city:"Boston",state:"MA",county:"China"}}

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

1
2
分享到:
评论

相关推荐

    jQuery.extend和jQuery.fn.extend的区别

    在jQuery的API中,`jQuery.extend`和`jQuery.fn.extend`是两个重要的方法,它们用于合并对象属性,但作用范围和用途有所不同。本文将深入探讨这两个方法的差异,并通过实例解析它们的工作原理。 首先,`jQuery....

    jquery.validate.extend.js

    jquery.validate.extend.js

    原生js实现jquery $.extend方法

    原生js实现jquery $.extend方法 通过遍历对象属性来实现

    jQuery.extend 函数详解

    ### jQuery.extend 函数详解 #### 一、概述 在JavaScript前端开发中,jQuery是一个非常流行的库,它简化了许多常见的操作,比如DOM操作、事件处理、AJAX交互等。`jQuery.extend`是jQuery提供的一个用于扩展jQuery...

    jQuery:jQuery.extend函数详解

    假设有两个CSS对象`css1`和`css2`,使用`jQuery.extend(css1, css2)`可以将`css2`中的属性合并到`css1`中。如果有相同的属性名,则`css2`中的属性值会覆盖`css1`中的属性值。 #### 总结 `jQuery.extend`不仅是一...

    jQuery.extend

    在实际使用中,需要注意的是,jQuery.extend不会检查源对象是否为null,如果源对象是null,代码依然会执行,但不会有任何效果。此外,对于循环引用的深拷贝,jQuery.extend可能无法正确处理,可能导致内存泄漏。 **...

    浅谈jquery.fn.extend与jquery.extend区别

    jQuery添加一个为 add的“静态方法”,之后便可以在引入 jQuery 的地方,使用这个方法了. 2.jQuery.fn.extend(object); 对jQuery.prototype进得扩展,就是为jQuery类添加“成员函数”。jQuery类的实例可以使

    jquery.json-2.3.min.js和jquery.json-2.3.js

    jquery.json-2.3.min.js和jquery.json-2.3.js jQuery为开发插件提拱了两个方法,分别是:jQuery.extend(object); 为扩展jQuery类本身 jQuery.fn.extend(object);给jQuery对象添加方法。

    jquery.validate.js表单验证.pdf

    8. jQuery.extend使用:在引入自定义验证信息时,文件展示了如何使用jQuery.extend方法来扩展$.validator.messages对象。 综上所述,jquery.validate.js提供了一个非常便捷的方式来实现表单验证,通过引入相应的JS...

    jQuery.js中继承的实现.pdf

    在jQuery中,`jQuery.extend()`与`jQuery.fn.extend()`的使用有所不同。`jQuery.fn`是jQuery对象的原型,因此`jQuery.fn.extend()`会将方法扩展到jQuery对象的实例上,使得实例可以直接调用这些方法。而`jQuery....

    jquery $.fn.extend

    `$.fn.extend`是jQuery库中的一个核心方法,主要用于扩展jQuery对象的方法集合。这个方法允许开发者自定义jQuery的函数,从而实现对DOM元素的操作或添加新的功能。在jQuery中,`$.fn`实际上是`$.prototype`的一个...

    jQuery.extend 与 jQuery.fn.extend的用法及区别实例分析

    主要介绍了jQuery.extend 与 jQuery.fn.extend的用法及区别,结合实例形式分析了jQuery.extend与jQuery.fn.extend的功能、使用方法及区别,需要的朋友可以参考下

    Jquery.json.js

    在实际项目中,通过使用jQuery提供的这些方法,开发者可以轻松地处理JSON数据,实现与服务器的高效通信。同时,理解jQuery与JSON的交互方式对于Web开发人员来说至关重要,能够提升开发效率和代码质量。

    jQuery.extend()、jQuery.fn.extend()扩展方法示例详解

    jQuery自定义了jQuery.extend()和jQuery.fn.extend()方法.其中jQuery.extend()方法能够创建全局函数或者选择器,而jQuery.fn.extend()方法能够创建jQuery对象方法. 例如: 代码如下: jQuery.extend({ showName : ...

    jquery.media.js 插件实现在线预览PDF文件

    jQuery插件是扩展其功能的代码片段,通过`.extend()`方法将新功能添加到jQuery核心对象中。`jquery.media.js`就是这样一个插件,它扩展了jQuery,使其具备了处理PDF预览的能力。 2. **PDF 文件在线预览**:PDF...

    开发插件的两个方法jquery.fn.extend与jquery.extend

    在实际开发中,使用jQuery.extend扩展静态方法和使用jQuery.fn.extend扩展实例方法应该根据具体需求来决定。如果需要对所有实例共享某种功能,使用jQuery.extend扩展静态方法是个不错的选择。而如果需要给特定的实例...

    Jquery实现$.fn.extend和$.extend函数_.docx

    在JavaScript中,jQuery库提供了两种扩展对象的方法,即`$.fn.extend`和`$.extend`。它们都用于增加或修改现有对象的功能,但应用场景不同。本文将深入解析这两种方法的实现原理和用途。 首先,`$.fn.extend`是用于...

Global site tag (gtag.js) - Google Analytics