JQuery插件开发
来源:互联网 发布:网络盒子全网通 编辑:程序博客网 时间:2024/05/19 22:28
jQuery插件开发分为两种:
1.类级别
类级别你可以理解为拓展jquery类,最明显的例子是$.ajax(...),相当于静态方法
2.对象级别
对象级别则可以理解为基于对象的拓展,如$("#table").changeColor(...);
这里这个changeColor呢,就是基于对象的拓展了。
3.扩展
1.类级别
类级别你可以理解为拓展jquery类,最明显的例子是$.ajax(...),相当于静态方法
开发扩展其方法时使用$.extend方法,即jQuery.extend(object);
$.extend({ add:function(a,b){return a+b;} , minus:function(a,b){return a-b;} });页面中调用:
var i = $.add(3,2); var j = $.minus(3,2);
2.对象级别
对象级别则可以理解为基于对象的拓展,如$("#table").changeColor(...);
这里这个changeColor呢,就是基于对象的拓展了。
$.fn.extend({ check:function(){ return this.each({ this.checked=true; }); }, uncheck:function(){ return this.each({ this.checked=false; }); } });页面中调用:
$('input[type=checkbox]').check(); $('input[type=checkbox]').uncheck();
3.扩展
$.xy = { add:function(a,b){return a+b;} , minus:function(a,b){return a-b;}, voidMethod:function(){ alert("void"); } }; var i = $.xy.add(3,2); var m = $.xy.minus(3,2); $.xy.voidMethod();
// 页面调用$(document).ready(function() {$('.introduction').slider({ speed: 5000 });$('.banner').slider({ speed: 500 });});//扩展//匿名函数(function($){$.fn.extend({ //对象级别扩展slider:function(options){var settings = $.extend({ //类级别扩展 speed: 500,//类成员属性 time:30 }, options); return this.each(function(){ //为每一个调用slider函数的对象返回以下结果 alert(settings.speed); });}});})(jQuery);//匿名函数直接调用
0 0
- JQuery插件开发 + 插件
- Jquery系列---Jquery插件开发
- 【jquery】jquery插件的开发
- 【jQuery】jQuery自定义插件开发
- jQuery插件开发-(function($){...})(jQuery)
- jquery开发:jquery插件编写
- jquery 插件开发小组
- jquery插件开发方法
- Jquery插件开发
- jquery插件开发方法
- jQuery插件开发(转载)
- jquery插件开发方法
- JQuery插件开发
- JQuery插件开发
- jquery 插件开发方法
- jQuery插件开发方法
- jquery 插件开发详解
- 开发简单jquery插件
- 自定义dialog 设置全屏 取消style的padding
- ioctl函数的学习
- 【Unity&DragonBones】像素角色人物骨骼动画教程(一)PS文件如何导入DragonBones
- Vue.js介绍以及vue的常见指令
- 单例模式
- JQuery插件开发
- 嵌入式系统图形库之图形库(GUI)核心模块
- ByteArrayOutputStream和ByteArrayInputStream的作用
- 百度地图API调用(php 版本)输入地址 获取经度纬度
- mysql sql语句大全
- meta——html中磨人的小妖精
- 经常用到的快捷键
- zzulioj-1959-数组最大值【思维】
- SearchRecentsuggestionsProvider