Jquery 插件学习实例1 插件制作说明与tableUI优化

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Jquery 插件学习实例1 插件制作说明与tableUI优化，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1767字，纯文字阅读大概需要3分钟。

内容图文

$.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 < b ? a : b; }, 
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); 


            
            


           
                
                                                

内容总结

以上是互联网集市为您收集整理的Jquery 插件学习实例1 插件制作说明与tableUI优化全部内容，希望文章能够帮你解决Jquery 插件学习实例1 插件制作说明与tableUI优化所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端