$.extend()用法
2018-09-08 15:16

JQuery有两种开发插件的方法。,分别是: 
(对象)

(对象)
(object);为扩展jQuery类本身.为类添加新的方法。 
(对象);向jQuery对象添加方法。。这应该是很好理解的。。举个例子。 



 
 

 

new soul

 

new soul

 

new soul

 

new soul

 

jQuery.fn.myPlugin = 函数(选项) { 

$options = $.extend( { 

html: "no messages", 

css: { 

"color": "red", 

"font-size":"14px" 

}}, 

选项

return (这个)

"color": $, 

}).html($); 

(‘Ye’)myPlugin({html:) easy,yes?",CSS:{颜色:绿色,"font-size":"20px"}}); 
 
 
 
 


好的,上面你也看到了一点点$.extend()的用法。 

1。合并多个对象。 

这里使用的就是$.extend()的嵌套多个对象的功能。 

嵌套多对象,有点类似于数组合并操作。。 

但这里是物体。。举例说明。 


//用法: (obj1,obj2,obj3,..) 
var Css1={大小 "10px",style: 斜字形
var Css2={大小 "12px",style: "oblique",weight: 大胆}
$.(Css1,Css2) 
结果:CSS1的大小属性被覆盖。,继承CSS2的权重属性。
// Css1 = {大小 "12px",style: "oblique",weight: 大胆}
 


2。深嵌套对象。 



{ name: “John”, location: { city: “Boston” } }, 
{ last: “Resig”, location: { state: “MA” } } 
); 
// 结果: 
// => { name: “John”, last: “Resig”, location: { state: “MA” } } 
// 新的和更深的 .extend() 
( true, 
{ name: “John”, location: { city: “Boston” } }, 
{ last: “Resig”, location: { state: “MA” } } 
); 
// 结果 
// => { name: “John”, last: “Resig”, 
// location: { city: “Boston”, state: “MA” } } 
 


3、可以将静态方法添加到jQuery中。。