Jquery开发插件的方法
2016-06-29 11:30
351 查看
Jquery未开发插件提供了两个方法:
(1)Jquery.extend(object) -为Jquery类本身添加新的方法;代码如下:
为jquery类添加了名为add的一个静态方法,之后便可以在引入jquery的地方,使用这个方法了,$.add(3,4);
(2)Jquery.fn.extend(object)
$.fn相当于Jquery的命名空间,fn上的成员(方法function以及属性peoperty)会对每一个实例都有效果;
查看Jquer用的代码就不难发现
原来jquery.fn=jquery.property,所以它是对property进行扩展,为jquery添加"成员函数",jquery的实例都可以使用这个"成员函数"
假设我们要开发一款插件,做一个自定义弹框,那么代码可以这么写:
(1)Jquery.extend(object) -为Jquery类本身添加新的方法;代码如下:
$.extend({ add:function(a,b){ return a+b; } }); 调用方法:$.add(3,4) - $=Jquery
为jquery类添加了名为add的一个静态方法,之后便可以在引入jquery的地方,使用这个方法了,$.add(3,4);
(2)Jquery.fn.extend(object)
$.fn相当于Jquery的命名空间,fn上的成员(方法function以及属性peoperty)会对每一个实例都有效果;
查看Jquer用的代码就不难发现
jQuery.fn = jQuery.prototype = { init: function( selector, context ) { };
原来jquery.fn=jquery.property,所以它是对property进行扩展,为jquery添加"成员函数",jquery的实例都可以使用这个"成员函数"
假设我们要开发一款插件,做一个自定义弹框,那么代码可以这么写:
$.fn.extend({ zdyAlert:function(){ alert('自定义插件!'); }; }); 调用方法:$('选择器').zdyAlert();
相关文章推荐
- jquery Array Map的使用
- jquery获取项目的路径
- 记录jQuery的一些用法
- JQuery
- jQuery.bsgrid
- jquery datatable 水平滚动条
- jQuery基础学习(2)(效果)
- [从jQuery看JavaScript]-匿名函数与闭包(Anonymous Function and Closure)
- [jQuery]操作具有父子关系的复选框
- jQuery EasyUI使用教程之树的拖放控制
- jQuery修改标签的text显示内容或value值
- jQuery Validate多实例讲解
- 点击导航滚动条滚动到相应位置jQuery与js方法
- jquery取checkbox选中的值
- jQuery多个input求和的实现方法
- jQuery 树形控件开源软件
- jQuery.extend 函数详解
- jQuery如何追加tr到table中
- jquery中的ajax参数详解
- easyui Jquery datagrid 导出Excel(转)