JQuery插件开发示例代码
2013-11-07 14:35
405 查看
JQuery插件开发示例代码
JQuery 插件开发:
类级别开发,开发新的全局函数
对象级别开发,给Jquery对象开发新方法
一、类级别开发 -定义全局方法
代码如下:
二、对象级别开发 -定义jQuery对象方法
代码如下:
JQuery 插件开发:
类级别开发,开发新的全局函数
对象级别开发,给Jquery对象开发新方法
一、类级别开发 -定义全局方法
代码如下:
jQuery.foo = function() { alert('This is a test.'); }; 采用命名空间,可以避免命名空间内函数的冲突。 代码如下: jQuery.apollo={ fun1:function(){ console.log('fun1'); }, fun2:function(){ console.log('fun2'); } }
二、对象级别开发 -定义jQuery对象方法
代码如下:
(function($) { $.fn.pluginName = function() { }; })(jQuery); //插件通过这样被调用: $('#myDiv').pluginName(); 接受options参数以控制插件的行为 代码如下: (function($){ $.fn.fun2=function(option){ var defaultOption={ param1:'param1', param2:'param2' } $.extend(defaultOption,option); console.log(defaultOption); } })(jQuery); $(function(){ //通过这样调用 $("body").fun2({ param1:'new Param1' }); }); 保持私有函数的私有性 代码如下: (function($) { // plugin definition $.fn.hilight = function(options) { debug(this); // ... }; // private function for debugging //“debug”方法不能从外部闭包进入,因此对于我们的实现是私有的。 function debug($obj) { if (window.console && window.console.log) window.console.log('hilight selection count: ' + $obj.size()); }; // ... })(jQuery);
相关文章推荐
- JQuery插件开发示例代码
- JQuery插件开发示例代码
- jQuery autocomplate 自扩展插件、自动完成示例代码
- jQuery插件开发代码
- jquery自定义插件――window的实现【示例代码】
- 代码: jquery 插件开发(自用插件)
- 【jQuery】jQuery自定义插件开发 —— 示例
- jQuery 简单插件开发代码
- 最简单的jquery插件开发示例
- Qt5的插件机制(7)--插件开发示例代码(Lower-level API)
- Qt5该插件机制(7)--插件开发演示示例代码(Lower-level API)
- 我利用网上代码开发的JQuery图片插件
- vue2.0+ 从插件开发到npm发布的示例代码
- Qt5的插件机制(7)--插件开发示例代码(Lower-level API)
- Jquery插件easyUi表单验证提交(示例代码)
- JQuery实现文字无缝滚动效果示例代码(Marquee插件)
- 利用JQUERY的TREEVIEW插件生成树(代码示例)
- jquery自定义插件――window的实现【示例代码】
- 【示例代码】3D旋转图片立体展示jquery幻灯片插件(附源码)