jquery 扩展方法
2015-09-06 17:03
579 查看
jquery插件的开发包括两种:一种是类级别的插件开发,即给jquery添加新的全局函数,相当于给jquery类本身添加方法。
另一种是对象级别的插件开发,即给jQuery对象添加方法。
也可以理解为另外两种方式,一种是jQuery本身的扩展方法,另一种是jQuery所选对象的扩展方法。
1.jQuery.extend(object);// jQuery 本身的扩展方法
2.jQuery.fn.extend(object);// jQuery 所选对象扩展方法
1.类级别的插件开发
类级别的插件开发最直接的理解就是给jQuery类添加方法,可以理解为添加静态方法,开发时可以采用以下几种形式进行扩展:
1)添加一个新的全局函数
$.foo=function(){
alert("foo");
}
调用:$.foo();
2)使用jQuery.extend(object)方式扩展
$.extend({
foo:function(){
alert("foo");
}
bar:function(){
alert("bar");
}
})
调用:$.foo(); $.bar();
3)使用命名空间扩展
$.myPlugin={
foo:function(){
alert("foo");
}
bar:function(){
alert("bar");
}
}
调用:$.myPlugin.foo(); $.myPlugin.bar();
2.对象基本的扩展
1)$.fn.foo=function(){
alert("foo");
}
调用:$('#myf').foo();
2)$.fn.extend({
foo:function(){
alert('foo');
}
})
调用:$('#myf').foo();
下面的一个针对对象的扩展,直接调用即可
var amy={};
amy.alert=function(){
alert("foo");
}
调用:amy.alert();
另一种是对象级别的插件开发,即给jQuery对象添加方法。
也可以理解为另外两种方式,一种是jQuery本身的扩展方法,另一种是jQuery所选对象的扩展方法。
1.jQuery.extend(object);// jQuery 本身的扩展方法
2.jQuery.fn.extend(object);// jQuery 所选对象扩展方法
1.类级别的插件开发
类级别的插件开发最直接的理解就是给jQuery类添加方法,可以理解为添加静态方法,开发时可以采用以下几种形式进行扩展:
1)添加一个新的全局函数
$.foo=function(){
alert("foo");
}
调用:$.foo();
2)使用jQuery.extend(object)方式扩展
$.extend({
foo:function(){
alert("foo");
}
bar:function(){
alert("bar");
}
})
调用:$.foo(); $.bar();
3)使用命名空间扩展
$.myPlugin={
foo:function(){
alert("foo");
}
bar:function(){
alert("bar");
}
}
调用:$.myPlugin.foo(); $.myPlugin.bar();
2.对象基本的扩展
1)$.fn.foo=function(){
alert("foo");
}
调用:$('#myf').foo();
2)$.fn.extend({
foo:function(){
alert('foo');
}
})
调用:$('#myf').foo();
下面的一个针对对象的扩展,直接调用即可
var amy={};
amy.alert=function(){
alert("foo");
}
调用:amy.alert();
相关文章推荐
- jQuery 实现 九九乘法表
- 基于jQuery+PHP+Mysql实现在线拍照和在线浏览照片
- 解决$.ajax()请求异常~ jQuery提示parsererror错误解决办法
- jQuery横向擦除焦点图特效代码分享
- jquery封装的时间轴
- jquery无缝滚动效果
- jquery删除操作option
- jquery浮动定位层导航描点上下滚动的浮动导航
- jquery的优势
- jQuery Ajax 跨域请求
- jQuery实现美观的多级动画效果菜单代码
- jQuery使用get()方法访问经典的DOM
- jquery选择器
- 关于JQuery设置checkbox checked 的问题
- Jquery中$.each()与$().each()的使用与区别。
- jquery基础(7)动画特效
- jquery选择器
- Jquery中的$.cookie()方法
- jquery获取当前元素的坐标
- 在jquerymobile实现listview局部渲染的方法: listviewcannot call methods on listview prior to initialization; att