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); } // www.jbxue.com })(jQuery); $(function(){ //通过这样调用 $("body").fun2({ param1:'new Param1' }); }); 保持私有函数的私有性 复制代码代码如下: (function($) { // plugin definition $.fn.hilight = function(options) { debug(this); // ... }; // private function for debugging //“debug”方法不能从外部闭包进入,因此对于我们的实现是私有的。 function debug($obj) { // www.jbxue.com if (window.console && window.console.log) window.console.log('hilight selection count: ' + $obj.size()); }; // ... })(jQuery); |
|