jQuery $.extend()用法总结

最新推荐文章于 2023-08-29 14:25:01 发布
最新推荐文章于 2023-08-29 14:25:01 发布
阅读量423 收藏 1
点赞数
分类专栏： jquery使用

http://www.jb51.net/article/51079.htm


jQuery为开发插件提拱了两个方法，分别是： 

jQuery.fn.extend(object); 

jQuery.extend(object); 
jQuery.extend(object);为扩展jQuery类本身.为类添加新的方法。 
jQuery.fn.extend(object);给jQuery对象添加方法。这个应该很好理解吧。举个例子。 
复制代码代码如下:

<span style="font-size:18px;"><html> 
<head> 
<title></title> 
</head> 
<body> 
<h3 class="ye">new soul</h3> 
<h3 class="ye">new soul</h3> 
<h3 class="ye">new soul</h3> 
<h3 class="ye">new soul</h3> 
<script type="text/javascript" src="jquery.2.0.3.js"></script> 
<script type="text/javascript"> 
jQuery.fn.myPlugin = function(options) { 
$options = $.extend( { 
html: "no messages", 
css: { 
"color": "red", 
"font-size":"14px" 
}}, 
options); 
return $(this).css({ 
"color": $options.css.color, 

}).html($options.html); 
} 


$('.ye').myPlugin({html:"So easy,yes?",css:{"color":"green","font-size":"20px"}}); 
</script> 
</body> 
</html> 
</span> 

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

1.合并多个对象。 

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

所谓嵌套多个对象，有点类似于数组的合并的操作。 

但是这里是对象。举例说明。 
复制代码代码如下:

<span style="font-size:18px;">//用法: 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"} 
</span> 

2.深度嵌套对象。 
复制代码代码如下:

<span style="font-size:18px;"> 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” } } 
</span> 

3.可以给jQuery添加静态方法。 
复制代码代码如下:

<span style="font-size:18px;"><html> 
<head> 
<title></title> 
</head> 
<body> 
<script type="text/javascript" src="jquery.2.0.3.js"></script> 
<script type="text/javascript"> 
$.extend({ 
add:function(a,b){return a+b;}, 
minus:function(a,b){return a-b}, 
multiply:function(a,b){return a*b;}, 
divide:function(a,b){return Math.floor(a/b);} 
}); 

var sum = $.add(3,5)+$.minus(3,5)+$.multiply(3,5)+$.divide(5,7); 
console.log(sum); 
</script> 
</body> 
风灵寒
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jQuery中$.extend()用法实例
12-10
本文实例讲述了jQuery中$.extend()用法。分享给大家供大家参考。具体分析如下： $.extend()方法定义如下： jQuery.extend([deep], target, object1, [objectN]) 用一个或多个其他对象来扩展一个对象，返回被扩展的对象。 如果不指定target，则给jQuery命名空间本身进行扩展。这有助于插件作者为jQuery增加新方法。 如果第一个参数设置为true，则jQuery返回一个深层次的副本，递归地复制找到的任何对象。否则的话，副本会与原对象共享结构。 未定义的属性将不会被复制，然而从对象的原型继承的属性将会被复制。 看下面的代码就知
jQuery.extend 函数使用详解
weixin_30483697的博客
09-26 293
jQuery.extend 函数使用详解 一、总结 一句话总结： jquery $.extend的作用就是：用于将一个或多个对象的内容合并到目标对象：$.extend( target [, object1 ] [, objectN ] ) 1、Jquery的扩展方法extend的常用场景？ 写插件的过程中合并参数的常用方法：extend(dest,src1,src2,sr...
jQuery $.extend()用法
Vein Cook
06-15 1561
$.extend()用法总结。 jQuery为开发插件提拱了两个方法，分别是： jQuery.fn.extend(object); jQuery.extend(object);   jQuery.extend(object);为扩展jQuery类本身.为类添加新的方法。 jQuery.fn.extend(object);给jQuery对象添加方法。这个应该很好理解吧。举个例子。
JQuery003: $.extend自定义弹窗插件
LaLaLa_CZ的博客
01-31 258
$.extend 工具学习，自定义弹窗插件，通过参数定义实现本地字典或接口数据、多选单选、具备输入联想无输入联想等不同功能。本篇输入联想选择的实现。
jquery第二次使用extend
sunshinedark的博客
09-20 113
1.用法描述  $.extend(setting,option)用于合并对象setting和对象option并将合并后的值返回给setting 常规用法（1） var settings = { validate: false, limit: 5, name: "foo" }; var options = { validate: true, name: "bar" }; jQuery.exte...
深入理解jquery的$.extend()、$.fn和$.fn.extend()
10-19
下面小编就为大家带来一篇深入理解jquery的$.extend()、$.fn和$.fn.extend()。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
jQuery使用$.extend(true,object1, object2);实现深拷贝对象的方法分析
10-17
主要介绍了jQuery使用$.extend(true,object1, object2);实现深拷贝对象的方法,结合实例形式分析了jQuery中$.extend(true,object1, object2);进行深拷贝操作相关实现技巧,需要的朋友可以参考下
$.extend()使用详解
shadow_zed的博客
05-29 1万+
1. jquery.extend(), 为jQuery类添加类方法 例子1 image.png 例子2 image.png 调用直接用$.类名 image.png 2. jquery.extend(), 将两个或更多对象的内容合并到第一个对象。 image.png 当我们提供两个或多个对象给$.extend()，对象的所有属性都添加到目标对象（target参数）。 如果只有一个参数提供给$.extend()，这意味着目标参数被省略。在这种情况下，jQuery对象本身.
$.extend
最新发布
标准都是留给不爱的人，爱的本质是自由意志的沉沦
08-29 3004
方法将源对象的属性复制到目标对象中，并返回合并后的目标对象。如果目标对象和源对象有相同的属性，源对象的属性将覆盖目标对象的属性。是 jQuery 中的一个方法，用于将一个或多个对象的内容合并到目标对象。方法可以方便地合并对象的属性，特别是在处理配置选项时非常有用。例如，假设有两个对象。
$.extend()详解
热门推荐
风火一回，一生不毁
10-25 1万+
JQuery的extend扩展方法： Jquery的扩展方法extend是我们在写插件的过程中常用的方法，该方法有一些重载原型，在此，我们一起去了解了解。 一、Jquery的扩展方法原型是:　　　 extend(dest,src1,src2,src3...); 它的含义是将src1,src2,src3...合并到dest中,返回值为合并
jQuery的extend方法【三种】
shenenhua的博客
09-14 4276
jq中的extend在面试中经常会被问道，今天我总结一个下有关于extend的用法三种进行对比，可能不全，希望大家指点， 用法一： $.extend({}),为jQuery类添加方法，可以理解为扩展静态方法 用法二：$.fn.extend({}) 插件，对jQuery.prototype进行扩展，提到插件那么就得说一下另一种方法$.fn.method = function(){} 　　　　1. $.fn.method = function(){} 可以定义一个方法 　...
$.extend插件的开发与代码的编写
悦分享
10-22 3632
$.extend插件的开发与代码的编写 $.extend(item) 该方法是将item合并到Jquery的全局对象中去，相当于为Jquery全局对象添加了一个静态方法 $.extend({SayHello:function(value){alert(“hello “+value);}}); 这样写过之后，就可以直接调用SayHello方法： $.SayHello(“Oli...
详解$.extend()
Leon的博客
12-30 1488
$.extend()其实无非也就是三种用法： 1.合并多个对象； 2.深度嵌套对象； 3.扩展jQuery静态方法；
$.extend()用法
alsdiuhfeircn的博客
07-16 1万+
本文转自：https://www.jianshu.com/p/4ca15259f77b <script src="js/jquery-3.2.0.min.js"></script> <script> var obj={}; var obj1={ name: 'hunger', sex: 'man' }; var obj2={ ...
jquery $.extend
06-09
在上面的代码中，首先创建了两个对象 `object1` 和 `object2`，然后使用 `$.extend()` 方法将这两个对象合并成一个新的对象 `result`。 需要注意的是，如果目标对象和要合并的对象拥有同名的属性或方法，那么后面的...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值