jQuery.extend()、jQuery.fn.extend()扩展方法示例详解
2023-06-13 09:15:26 时间
jQuery自定义了jQuery.extend()和jQuery.fn.extend()方法.其中jQuery.extend()方法能够创建全局函数或者选择器,而jQuery.fn.extend()方法能够创建jQuery对象方法.
例如:
复制代码代码如下:
例如:
jQuery.extend({
showName:function(name){
alert(name)
}
});
jQuery.showName("深蓝");
jQuery.extend()除了可以创建插件外,还可以用来扩展jQuery对象.
例如:
vara={
name:"blue",
pass:123
}
varb={
name:"red",
pass:456,
age:1
}
varc=jQuery.extend({},a,b);
c拥有a,b对象的属性,由于,b对象在a对象之后,其name属性优先在c对象里.
jQuery.extend()方法为插件传递系列选项,包括默认值.
functionfn(options){
varoptions=jQuery.extend({//默认参数选项列表
name1:value1,
name2:value2,
name3:value3
},options);//使用函数的参数覆盖或合并到默认参数选项列表中
//函数体
}
fn({name1:value3,name2:value2,name3:value1});//使用新值
fn({name4:value3,name5:value2});//在默认上添加新选项
fn();//保持默认选项值
当在调用该方法时,传递新的参数值,就会覆盖掉默认的参数选项值,否则,使用默认参数值.
使用JQuery.fn对象创建JQuery对象方法
可以通过jQuery.fn对象来添加属性和方法,实际上jQuery.fn对象就是挂接在jQuery.prototype上的,jQuery把它简写了.
fn是什么东西呢。查看jQuery代码,就不难发现。
jQuery.fn=jQuery.prototype={
init:function(selector,context){//....
//......
};
原来jQuery.fn=jQuery.prototype.对prototype肯定不会陌生啦。
例如:
jQuery.fn.test=function(){
alert("这是jQuery对象方法!");
}
jQuery("div").click(function(){
$(this).test();//在当前的jQuery对象上调用test()方法
});
我们可以调用jQuery.fn.extend()方法来创建jQuery对象方法.
jQuery.fn.extend({
test:function(){
returnthis.each(function(){
alert(this.nodeName)
});
}
});
jQuery("body*").click(function(){
$(this).test();//调用jQuery对象方法
});
一句话:jQuery.extend是对JQuery类的自定义扩展,jQuery.fn.extend是对JQuery对象的自定义扩展.
相关文章
- jquery ajax步骤,jquery ajax(ajax请求的五个步骤jQuery)
- jQuery Google Charts—-一个封装google chart api的jquery插件详解编程语言
- jQuery验证文本框内容不为空详解编程语言
- 扩展jquery.validate自定义验证,自定义提示,本地化详解编程语言
- jQuery延迟加载(懒加载)插件 – jquery.lazyload.js详解编程语言
- php实现jQuery扩展函数
- JQuery打造PHP的AJAX表单提交实例
- 模仿JQuery.extend函数扩展自己对象的js代码
- 用jQuery扩展自写的UI导航
- Jquery实战_读书笔记1—选择jQuery
- jQuery处理网页内容的实现代码
- jquery中对表单的基本操作代码
- jQuery的实现原理的模拟代码-4重要的扩展函数extend
- jquery调用asp.net页面后台的实现代码
- Jquery的扩展方法总结
- jquery序列化表单去除指定元素示例代码
- 扩展jQuery对象时如何扩展成员变量具体怎么实现
- Jquery点击按钮自动高亮实现原理及代码
- jquery.validate.js插件使用经验记录
- 原生js实现复制对象、扩展对象类似jquery中的extend()方法