jQuery插件开发 格式与解析3之$.extend()用途
前叙:$.extend()——用途:扩展和继承
1、Object extend()
用一个或多个对象扩展另一个对象,并返回已修改的原始对象。这对于简单继承是一个非常有用的实用工具。
(1)扩展:(Dom元素方法的扩展)
①单个方法扩展写法:
$.fn.testFn=function(options){
$.defaultOptions={
name:"Li",
age:20,
getName:function(){
return this.name;
}
var p=$.extend($.defaultOptions,options||{});
.
.
.
}
}
②多个方法拓展写法:
$.fn.extend({
testFn:function(options){
$.defaultOptions={
name:"Li",
age:20,
getName:function(){
return this.name;
}
var p=$.extend($.defaultOptions,options||{});
.
.
.
},
testFn1:function(options1){
}
});
(2)继承:
var person={
name:"Li",
age:20,
getName:function(){
return this.name;
}
}
var person1=$.extend({},person);//person1继承了person
person1.setAge=function(){
this.age=33;
}
person1.setAge();
person1.sex="Boy";
alert(person1.age+person1.sex);//33Boy
解析:person1继承了person拥有person的属性和方法,在其基础上定义了自己的属性和方法。
实践:
extend_test.js
调用:
完毕!
最新文章
- 闲来无事——第一弹 Java基础 基本数据类型
- Android 情景模式设置
- ACM 擅长排列的小明
- [BZOJ3672][UOJ#7][NOI2014]购票
- 加链接太麻烦?使用 linkit 模块提升用户编辑体验
- float:left居中对齐
- 统计字符 比如aaabbcca----3a2b1c1a
- 局部内部类访问方法的参数和局部变量必须是final的
- java虚拟机的类加载器
- python3 模拟鼠标和键盘操作
- Selenium 汇总
- Codeforces Round #546 (Div. 2) E 推公式 + 线段树
- vue中滚动事件绑定的函数无法调用问题
- restframwork框架
- STL源码分析归档
- 深入理解计算机(CSAPP)资源汇总
- js ie 6,7,8 使用不了 firstElementChild
- Introduction to CQRS
- Gradle学习小结
- centos7下使用git