一. 先对jquery制作方式,jquery为开发扩展提拱了两个方法,分别是:
jquery.extend(object); 为扩展jquery类本身.为类添加新的方法。
jquery.fn.extend(object);给jquery对象添加方法。
1.1、jquery.fn.extend(object):
可以参靠jquery参考手册的连个例子:
复制代码 代码如下:
$.fn.extend({
check: function() {
return this.each(function() { this.checked = true; });
},
uncheck: function() {
return this.each(function() { this.checked = false; });
}
});
使用:
复制代码 代码如下:
$(input[type=checkbox]).check();
$(input[type=radio]).uncheck();
1.2、jqueryjquery.extend(object)
扩展jquery对象本身。用来在jquery命名空间上增加新函数。
jquery 代码:
复制代码 代码如下:
$.extend({
min: function(a, b) { return a max: function(a, b) { return a > b ? a : b; }
});
使用:
复制代码 代码如下:
$.min(2,3); // => 2
$.max(4,5); // => 5
二、tableui具体的插件示例代码如下:
复制代码 代码如下:
/*
* tableui 0.2
* 就不写版权了吧,呵呵
* date: 4/1/2010
* 使用tableui可以方便地将表格提示使用体验。先提供的功能有奇偶行颜色交替,鼠标移上高亮显示
* 0.2版结合25个小贴士对“政委”的那个做了些优化,学习之用,还请指正。
*/
(function($) {
$.fn.tableui = function(options) {
//默认参数
var defaults = {
evenrowclass: evenrow,
oddrowclass: oddrow,
activerowclass: activerow
};
//用传入参数覆盖了默认值
options = $.extend(defaults, options);
//表对象
var thistable = $(this);
//添加奇偶行颜色
thistable.find(tr:even).addclass(options.evenrowclass);
thistable.find(tr:odd).addclass(options.oddrowclass);
//绑定鼠标移动事件,不必对每行都绑定事件。
thistable.live(mouseover, function(e) {
//获取鼠标所指目标对象父级tr
$(e.target).parent().addclass(options.activerowclass);
//阻止事件冒泡
return false;
}).live(mouseout, function(e) {
$(e.target).parent().removeclass(options.activerowclass);
return false;
});
};
})(jquery);