Jquery插件写法及extentd函数
2016-04-24 17:59
429 查看
JQuery插件写法
JQuery插件又分为类扩展方法和对象扩展方法两种,类插件是定义在JQuery命令空间的全局函数,直接通过可调用,如可调用,如.ajax();对象插件是扩展JQuery对象的函数,通过选择的具体对象调用,类似$(dom).html()。
[/code]
或者给属性增加命名空间
[/code]
[/code]
[/code]
[/code]
JQuery extend函数用法
深度与非深度复制区别是,深度复制的对象中如果有复杂属性值(如数组、函数、json对象等),那将会递归属性值的复制,合并后的对象修改属性值不影响原对象。
详细参考:jQuery extend方法使用及实现
来自为知笔记(Wiz)
JQuery插件又分为类扩展方法和对象扩展方法两种,类插件是定义在JQuery命令空间的全局函数,直接通过可调用,如可调用,如.ajax();对象插件是扩展JQuery对象的函数,通过选择的具体对象调用,类似$(dom).html()。
JQuery类扩展方法
直接给$增加方法
$.foo=function(){
console.log('foo');
}
$.bar=function(){
console.log('bar');
}
[/code]
或者给属性增加命名空间
$.plugin={
foo:function(){},
bar:function(){}
}
[/code]
通过$.extend(object)
$.extend({
foo:function(){},
bar:function(){}
})
[/code]
JQuery对象扩展方法
一般JQuery对象级别方法扩展多写在立即执行函数中,避免别名冲突,另外注意函数返回当前this,以方便链式操作。直接给的原型的原型.fn增加方法
(function($){
$.fn.foo=function(){}
})(JQuery);
[/code]
通过调用$.fn.extend()
(function($){
$.fn.extend({foo:function(){}})
})
[/code]
JQuery extend函数用法
jQuery.extend(object);
jQuery.extend( target [, object1 ] [, objectN ] )
合并object1, objectN到target对象,如果只有一个参数,则该target对象会被合并到jQuery对象中。jQuery.extend( [deep ], target, object1 [, objectN ] )
深度复制合并对象,第一个参数是boolean类型的true时,将object1, objectN深度复制后合并到target中;关于深度复制,是将除null, undefined,window对象,dom对象,通过继承创建的对象外的其它对象克隆后保存到target中;所排除的对象,一是考虑性能,二是考虑复杂度(例如dom及window对象,如果克隆复制,消耗过大,而通过继承实现的对象,复杂程度不可预知,因此也不进行深度复制);深度与非深度复制区别是,深度复制的对象中如果有复杂属性值(如数组、函数、json对象等),那将会递归属性值的复制,合并后的对象修改属性值不影响原对象。
jQuery.fn.extend(object);
jQuery.fn = jQuery.prototype 即指向jQuery对象的原型链,对其它进行的扩展,作用在jQuery对象上面;一般用此方法来扩展jQuery的对象插件。详细参考:jQuery extend方法使用及实现
来自为知笔记(Wiz)
相关文章推荐
- 解决 jQuery 符号 $ 与其他 javascript 库、框架冲突的问题
- JQuery EasyUI 教程
- jQuery面试题答案
- jQuery 学习一:选择器
- Jquery Lambda delegate
- 使用jQuery.form插件,实现完美的表单异步提交
- 浅析jQuery删除节点的三个方法
- JQuery:$(...).ajaxSubmit is not a function
- JQuery EasyUI combobox动态添加option
- 父页面、子页面的相互调取
- Jquery获得相同id的元素
- 使用jQuery实现返回顶部功能
- 验证表单的两种方式
- 前端程序员应该知道的15个 jQuery 小技巧
- 【js与jquery】电子邮箱、手机号、邮政编码的正则验证
- jquery ajax实例
- Jquery easyUI 注意点
- jquery easyui datebox 时间控件默认显示当前日期的实现方法
- Jquery注意点
- jQuery Validation Plugin校验规则remote的使用