jQuery.extend函数详细用法！[转]

[原文]

1、扩展jQuery静态方法.

1 $.extend({
2 test:function(){alert('test函数')}
3 })

用法: $.test()

2、合并多个对象.
为jQuery.extend(css1,css2)为例，css1,css2各有一些属性.
extend函数会把css2有而css1没有的属性加到css1中,如果css2的某个属性与css1的某个属性名称享用，就会用css2的属性去覆盖css1的同名属性。css1就是最后的整和对象。或者也可以用：
var newcss = jquery.extend(css1,css2) newcss就是合并的新对象。
var newcss = jquery.extend({},css1,css2) newcss就是合并的新对象.而且没有破坏css1的结构。

代码

1 //用法: jQuery.extend(obj1,obj2,obj3,..)
2 var Css1={size: "10px",style: "oblique"}
3 var Css2={size: "12px",style: "oblique",weight: "bolder"}
4 $.jQuery.extend(Css1,Css2)
5 //结果:Css1的size属性被覆盖,而且继承了Css2的weight属性
6 // Css1 = {size: "12px",style: "oblique",weight: "bolder"}
7

3。深度镶套对象
新的extend()允许你更深度的合并镶套对象。下面的例子是一个很好的证明。

代码

1  // 以前的 .extend()
2     jQuery.extend(
3   { name: “John”, location: { city: “Boston” } },
4   { last: “Resig”, location: { state: “MA” } }
5     );
6   // 结果:
7   // => { name: “John”, last: “Resig”, location: { state: “MA” } }
8   // 新的更深入的 .extend()
9     jQuery.extend( true,
10  { name: “John”, location: { city: “Boston” } },
11  { last: “Resig”, location: { state: “MA” } }
12   );
13  // 结果
14  // => { name: “John”, last: “Resig”,
15  //      location: { city: “Boston”, state: “MA” } }
16

转载于:https://www.cnblogs.com/gugunet/archive/2010/04/07/1705989.html

jQuery.extend函数详细用法！[转]相关推荐

jQuery.extend 函数使用详解
jQuery.extend 函数使用详解一.总结一句话总结: jquery $.extend的作用就是:用于将一个或多个对象的内容合并到目标对象:$.extend( target [, objec ...
[zz]jQuery.extend 函数详解
JQuery的extend扩展方法: Jquery的扩展方法extend是我们在写插件的过程中常用的方法,该方法有一些重载原型,在此,我们一起去了解了解. 一.Jquery的扩 ...
pythonrange函数用法_python range()函数详细用法
python range()函数详细用法函数原型:range(start, end, scan): 参数含义:start:计数从start开始.默认是从0开始.例如range(5)等价于range( ...
jquery extend函数
JS组件系列--封装自己的JS组件,你也可以前言:之前分享了那么多bootstrap组件的使用经验,这篇博主打算研究下JS组件的扩展和封装,我们来感受下JQuery为我们提供$.Extend的神奇, ...
jQuery.extend函数
2019独角兽企业重金招聘Python工程师标准>>> 1 扩展jQuery静态方法 $.extend({test:function(){alert('test函数');} }) 用 ...
jQuery.extend 函数详解
JQuery的extend扩展方法: Jquery的扩展方法extend是我们在写插件的过程中常用的方法,该方法有一些重载原型,在此,我们一起去了解了解. 一.Jquery的扩展方法原型 extend ...
oracle rtrim(),Oracle ltrim() rtrim() 函数详细用法
嘿嘿,今天在论坛里看了一篇帖子,讨论ltrim() 函数的详细用法,下面我借几个高手的回答总结一下: 先看几个实例: SQL> select ltrim('109224323','109') f ...
三种开窗函数详细用法，图文详解
开窗函数的详细用法一,开窗函数的语法二,从聚合开窗函数sum(score) over(partition by name )讲起三,开窗函数之first_value,last_value,lea ...
Oracle ltrim() rtrim() 函数详细用法
嘿嘿,今天在论坛里看了一篇帖子,讨论ltrim() 函数的详细用法,下面我借几个高手的回答总结一下: 先看几个实例: SQL> select ltrim('109224323','109') f ...
Oracle ltrim() 函数详细用法
嘿嘿,今天在论坛里看了一篇帖子,讨论ltrim() 函数的详细用法,下面我借几个高手的回答总结一下: 先看几个实例: SQL> select ltrim('109224323','109') f ...

jQuery.extend函数详细用法！[转]

jQuery.extend函数详细用法！[转]相关推荐

最新文章

热门文章