jQuery.extend函数

2019独角兽企业重金招聘Python工程师标准>>>

1 扩展jQuery静态方法

$.extend({test:function(){alert('test函数');}
})

用法： $.test()

2 合并多个对象

以jQuery.extend(css1，css2)为例，css1和css中有一些属性，extend函数会把css2中有的而在css1中没有的属性加到css1中，如果css2中的某个属性在css1中也有，则会用css2的属性覆盖css1的同名属性，css1就是最后的整合对象。或者也可以用用：

var newcss = jquery.extend(css1,css2) newcss就是合并的新对象

var newcss = jquery.extend({},css1,css2) newcss就是合并的新对象，而且没有破坏css1的结构。

//用法：jQuery.extend(obj1,obj2,obj3,...)

var css1 = {size:"10px",style:"oblique"}

var css2 = {size:"12px",style:"oblique",weight:"bolder"}

$.jQuery.extend(css1,css2)

//结果：css1中的size属性被覆盖，而且继承了css2的weight属性

//css1 = {size: "12px" , style:"oblique" , weight:"bolder"}

3 深度嵌套对象

新的extend()允许更深度的合并镶套对象。

//以前的 .extend()

jQuery.extend(

{ name: "John", location: { city:"Boston" } },{ last: "Resig", location: { state: "MA"} }

);

//结果： // => { name: "John", last: "Resig", location: {state: "MA"} }

//新的更深入的.extend()

jQuery.extend( true,

{ name: "John", location: { city: "Boston" } },{ last: "Resig", location: {state: "MA"} }

);

//结果 //=>{ name: "John", last: "Resig", location: { city: "Boston", state: "MA" }}

4 API网址： http://api.jquery.com/jQuery.extend/

转载于:https://my.oschina.net/syc2013/blog/140835

jQuery.extend函数相关推荐

jQuery.extend 函数使用详解
jQuery.extend 函数使用详解一.总结一句话总结: jquery $.extend的作用就是:用于将一个或多个对象的内容合并到目标对象:$.extend( target [, objec ...
[zz]jQuery.extend 函数详解
JQuery的extend扩展方法: Jquery的扩展方法extend是我们在写插件的过程中常用的方法,该方法有一些重载原型,在此,我们一起去了解了解. 一.Jquery的扩 ...
jQuery.extend 函数详解
JQuery的extend扩展方法: Jquery的扩展方法extend是我们在写插件的过程中常用的方法,该方法有一些重载原型,在此,我们一起去了解了解. 一.Jquery的扩展方法原型 extend ...
jquery extend函数
JS组件系列--封装自己的JS组件,你也可以前言:之前分享了那么多bootstrap组件的使用经验,这篇博主打算研究下JS组件的扩展和封装,我们来感受下JQuery为我们提供$.Extend的神奇, ...
[转载]jQuery.extend 函数详解
JQuery的extend扩展方法: Jquery的扩展方法extend是我们在写插件的过程中常用的方法,该方法有一些重载原型,在此,我们一起去了解了解. 一.Jquery的扩 ...
jquery $.extend() 对象内容合并
jQuery.extend() 函数用于将一个或多个对象的内容合并到目标对象. 注意: 1. 如果只为$.extend()指定了一个参数,则意味着参数target被省略.此时,target就是jQue ...
jQuery.extend()方法
定义和用法 jQuery.extend()函数用于将一个或多个对象的内容合并到目标对象. 注意: 1. 如果只为$.extend()指定了一个参数,则意味着参数target被省略.此时,target就 ...
jquery06 jQuery.extend 给jQuery函数添加、继承静态方法
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content ...
JQuery模拟二------添加extend函数和简单选择器
在原来的基础上添加extend函数和#id选择器 //自调函数把window这个全局变量传入 (function(){//把jQuery和$另存一份var _jQuery = window.jQuer ...

jQuery.extend函数

jQuery.extend函数相关推荐

最新文章

热门文章