jQuery 插件开发 笔记
JQuery 插件开发:
类级别开发,开发新的全局函数 对象级别开发,给Jquery对象开发新方法
一、类级别开发
定义全局方法
jQuery.foo = function() { alert('This is a test.');};
jQuery.apollo={ fun1:function(){ console.log('fun1'); }, fun2:function(){ console.log('fun2'); }}
(function($) { $.fn.pluginName = function() { }; })(jQuery);//插件通过这样被调用:$('#myDiv').pluginName();
(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);