c语言 extend 函数,jQuery中$.extend()数组合并用法
jQuery中$.extend()数组合并用法总结
jQuery为开发插件提拱了两个方法,
分别是:
jQuery.fn.extend(object);
jQuery.extend(object);
jQuery.extend(object);为扩展jQuery类本身.为类添加新的方法。
jQuery.fn.extend(object);给jQuery对象添加方法。
new soul
new soul
new soul
new soul
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"}});
下面详细介绍用法
1.合并多个对象。
这里使用的就是$.extend()的嵌套多个对象的功能。
所谓嵌套多个对象,有点类似于数组的合并的操作。
//用法: 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"}
2.深度嵌套对象。
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” } }
3.给jQuery添加静态方法
$.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);
c语言 extend 函数,jQuery中$.extend()数组合并用法相关推荐
- jQuery源码研究分析学习笔记-jQuery.extend()、jQuery.fn.extend()(八)
jQuery.extend().jQuery.fn.extend()主要用于编写插件和处理函数参数. jQuery.extend(deep,target,objdect1 [,objectN]) jQ ...
- 理解一下jQuery.extend()和jQuery.fn.extend()方法
为了方便用户创建插件,jquery提供了jQuery.extend()和jQuery.fn.extend()方法. 1. jQuery.extend() 方法有一个重载. jQuery.extend( ...
- [jQuery] jquery.extend与jquery.fn.extend的区别?
[jQuery] jquery.extend与jquery.fn.extend的区别? 1.认识jQuery extend()和jQuery.fn.extend()jQuery的API手册中,exte ...
- jQuery.extend与jQuery.fn.extend的区别分析与实例
jQuery.extend与jQuery.fn.extend都是为jquery开发插件. 不同是的: jQuery.extend(object); 为扩展jQuery类本身.为类添加新的方法. jQu ...
- 详解 Jquery extend() 和Jquery.fn.extend()
Jquery extend() API文档上的解释:将一个或者多个对象扩展一个新对象,返回一个新的对象 $.extend([deep],target,obj1,objN) deep:是否深度克隆对象, ...
- jQuery.extend与jQuery.fn.extend的区别
jQuery.extend 对jQuery对象的扩展,可以理解为静态方法,不需要实例jQuery就可以使用. <script type="text/javascript"&g ...
- C语言给函数传二维数组
害,菜鸡真的是走一步一个坑,有时间一定得系统学习一下c了. 言归正传,给函数传递二位数组,我目前可以掌握的有三种方法: 1.将二维数组压缩成一维数组,然后就可以正常用指针了,用的时候注意一下二维与一维 ...
- c语言整形数组相加,[c语言]将两个整形升序数组合并为一个升序数组
可能大多数人首先想到的是将两个数组合并,然后将合并后的数组排序输出.但是题目要求合并完即为一个升序数组,这样做不合题意.可以利用已知条件(两数组A.B均为升序),循环在每个数组中均选取一个元素来对比, ...
- c语言sort函数排序二维数组,js 二维数组排序sort()函数
一.按数值排序 var arr = [[1, 2, 3], [7, 2, 3], [3, 2, 3]]; arr.sort(function(x, y){ return x[0] – y[0]; }) ...
最新文章
- cutadapt 处理fastq文件
- 两所大学中的智能车竞赛校内赛
- c++ new[] delete[]底层分析
- Hadoop下如何执行脚本
- PHP artisan auth,Php artisan make:auth命令未定义
- python和rpa有什么关系_什么是RPA_什么是RPA_产品简介_机器人流程自动化RPA - 阿里云...
- 麦克纳姆轮斜向运动奥秘的根源
- css 文字超出隐藏显示省略号
- inlfuxdb版本_InfluxDB安装及配置
- 转载:牛客练习赛17 c 规律题
- Windows Vista SP2 和 Windows Server 2008 SP2 已经发布
- BAT批处理自动安装软件
- SPSS神经网络心得(二)
- java设计模式之组合设计模式
- 使用同源建模预测蛋白质结构
- NAR | 董波/王师/李语丽合作建立首个横跨动物界的进化发育组学数据库平台
- 2019 Python接口自动化测试框架实战开发(一)
- 第3章 Linux系统介绍与虚拟环境的准备
- C++ :输出 Hello, World
- 样式表(05):【纲】Qt Style Sheets Reference [官翻]