宝哥软件园

Jquery插件学习示例1插件制作说明和tableUI优化

编辑:宝哥软件园 来源:互联网 时间:2021-10-23

1.首先,为了制作jQuery,jQuery提出了两种开发和扩展的方法,即:jQuery . extend(object);若要扩展jQuery类本身,请向该类添加新方法。jQuery.fn.extend(对象);向jQuery对象添加一个方法。1.1.jQuery.fn.extend(object):可以参考jQuery参考手册的另一个例子:复制代码如下: $ . fn . extend({ check : function(){ return this。每个(函数(){this。选中=真;});},取消选中: function(){ return this . each(function(){ this . checked=false;});} });使用:复制代码如下: $(“输入[type=checkbox]”)。check();$(“input[type=radio]”)。取消选中();1.2.jQueryjQuery.extend(对象)扩展了jQuery对象本身。用于向jQuery命名空间添加新函数。JQuery代码:复制代码如下: $。扩展({min:函数(a,b){返回a b?a : b;},max:函数(a,b) {返回a b?a : b;} });用法:复制代码如下: $。min(2,3);//=2 $.最大值(4,5);//=5第二,tableUI的具体插件代码如下:复制代码如下: /* * tableUI 0.2 *,所以不要写版权,呵呵* Date: 4/1/2010 *,使用tableUI可以方便的提示表格进行体验。首先提供的功能包括奇数行和偶数行的颜色交替,移动鼠标高亮* 0.2版结合25个小技巧优化“政委”这一个,是学习用的。请指正。*/(函数($) {$)。fn。tableui=function(options){//default参数vardefaults={ eventrowclass 3360 ' even row ',oddrowclass:' odd row ',activerowclass 3360 ' active row ' };//覆盖默认值选项=$。用传入的参数扩展(默认值、选项);//Table对象var thisTable=$(this);//增加奇偶线颜色粗。find ('tr:even ')。addclass(选项。eventrow class);thisTable.find('tr:odd ')。add class(options . OddRowClass);//绑定鼠标移动事件,不绑定每行事件。这是可能的。live('鼠标悬停',函数(e){//获取父tr $ (e. target)。父项()。addclass(选项。activerowclass );//防止事件冒泡返回false}).live('mouseout ',函数(e) { $(e.target)。父项()。remove CLaSS(options . activeRowCLaSS);返回false});};})(jQuery);

更多资讯
游戏推荐
更多+