一个通用的框架 一个通用的框架
在动手写自己的jQuery插件之前,自然是先研究一下别人写的插件了。其实写jQuery也基本有一个通用的框架。行,那咱也把这框架照搬过来吧。
复制代码 代码如下:
(function($){
$.fn.yourName = function(options){
//各种属性、参数
}
var options = $.extend(defaults, options);
this.each(function(){
//插件实现代码
});
};
})(jQuery);
有了这个,咱就可以往里面套东西了。
名号、参数和属性
好不容易开始闯荡江湖了,一定要有一个响亮的名号才行,这样走在江湖上,才能够屌,够威风。不信,你听听人家“中国牙防组”!所以,咱这里一定要起个响亮的名号,一定要简单、明了、够权威。所以,决定了,就叫做“tableUI”了!
参数和属性也很简单,无非就是三个class的名称。就叫做:evenRowClass、oddRowClass和activeRowClass吧。
所以,上面的框架,咱就把上半身给填上了。
复制代码 代码如下:
(function($){
$.fn.tableUI = function(options){
var defaults = {
evenRowClass:"evenRow",
oddRowClass:"oddRow",
activeRowClass:"activeRow"
}
var options = $.extend(defaults, options);
this.each(function(){
//实现代码
});
};
})(jQuery);
这里重点说一下这一句:
复制代码 代码如下:
var options = $.extend(defaults, options);
看上去很屌的一句,其实就是合并多个对象为一个。这里就是,如果你在调用的时候写了新的参数,就用你新的参数,如果没有写,就用默认的参数。想进一步了解的朋友,可以参考jquery的官方文档: http://api.jquery.com/jQuery.extend/
开始下半身吧
ok,上半身填补完了,咱就可以填补下半身吧。无非就是找到基数行和偶数行(感谢jQuery提供了类似tr:even这种写法,使其及其简单),然后添加上相应的class。然后再给所有的tr,绑定mouseover和mouseout事件即可。下半身代码如下:
复制代码 代码如下:
(function($){
$.fn.tableUI = function(options){
var defaults = {
evenRowClass:"evenRow",
oddRowClass:"oddRow",
activeRowClass:"activeRow"
}
var options = $.extend(defaults, options);
this.each(function(){
var thisTable=$(this);
//添加奇偶行颜色
$(thisTable).find("tr:even").addClass(options.evenRowClass);
$(thisTable).find("tr:odd").addClass(options.oddRowClass);
//添加活动行颜色
$(thisTable).find("tr").bind("mouseover",function(){
$(this).addClass(options.activeRowClass);
});
$(thisTable).find("tr").bind("mouseout",function(){
$(this).removeClass(options.activeRowClass);
});
});
};
})(jQuery);
最重要的一步!
也许有些朋友觉得这样就算是完成了。但是切切相反,我们还有最重要的一步没有完成,那就是一定要在插件上方,写上插件的名称、版本号、完成日期、作者,作者的联系方式、出生日期、三围……等等。因为只有这样才能显的这个插件够专业。
复制代码 代码如下:
/*
* tableUI 0.1
* Copyright (c) 2009 JustinYoung http://justinyoung.cnblogs.com/
* Date: 2010-03-30
* 使用tableUI可以方便地将表格提示使用体验。先提供的功能有奇偶行颜色交替,鼠标移上高亮显示
*/
(function($){
$.fn.tableUI = function(options){
var defaults = {
evenRowClass:"evenRow",
oddRowClass:"oddRow",
activeRowClass:"activeRow"
}
var options = $.extend(defaults, options);
this.each(function(){
var thisTable=$(this);
//添加奇偶行颜色
$(thisTable).find("tr:even").addClass(options.evenRowClass);
$(thisTable).find("tr:odd").addClass(options.oddRowClass);
//添加活动行颜色
$(thisTable).find("tr").bind("mouseover",function(){
$(this).addClass(options.activeRowClass);
});
$(thisTable).find("tr").bind("mouseout",function(){
$(this).removeClass(options.activeRowClass);
});
});
};
})(jQuery);
详细出处参考:http://www.jb51.net/article/22849.htm
分享到:
相关推荐
3. **AI算法**:对于单人或双人对战模式,通用框架通常会包含一个或多个AI算法,如Minimax、Alpha-Beta剪枝或者更高级的蒙特卡洛树搜索(MCTS)。这些算法用于模拟对手的智能行为。 4. **数据存储与加载**:保存和...
Android 通用框架大全 Android 通用框架大全 Android 通用框架大全
7. **自定义扩展**:尽管这是一个通用框架,但每个信息系统都有其独特性。因此,开发者可以根据需要对框架进行修改和扩展,以适应特定的业务场景。 总的来说,通用信息管理系统框架(VFP+sql)结合了VFP的编程优势和...
在LabVIEW通用视觉框架中,NI VISION是一个关键组件,它提供了丰富的图像处理函数库,涵盖了从基本的图像采集到复杂的图像分析与识别。例如,用户可以利用NI VISION进行图像的获取、增强、滤波、边缘检测、形状匹配...
9. **模块化结构**:一个通用框架可能按模块划分,每个模块负责特定的功能,便于开发者选择性地引入。 通过深入研究和理解这个开源通用应用程序框架,开发者不仅可以学习到框架的设计理念和技术,还可以借鉴其优秀...
通过以上知识点,开发者可以构建一个通用框架,使得框架的使用者能够在不修改框架源码的情况下,添加新的类和功能,提高了代码的重用性和维护性。例如,通过反射机制,框架可以自动发现并加载所有实现特定接口的类,...
总结来说,MNVVisionCk是一个强大的Halcon视觉通用框架,它整合了众多实用算子,提供了停靠功能,简化了机器视觉应用的开发过程。对于那些希望提高开发效率,或者对Halcon编程不太熟悉的工程师来说,这是一个非常有...
在csdn一篇博客中看到文章Winform通用框架之权限管理系统,但是只有文章没有源码就是耍流氓。于是自己写了出来,可用于所有管理系统的开发框架。 软件的整体主页布局是用到了WeifenLuo.WinFormsUI.Docking;的可拖拉...
综上所述,C#与Halcon的结合,不仅实现了机器视觉的通用框架,还为不同应用场景提供了强大的技术支持。通过合理的设计和编程,开发者可以灵活地扩展和定制功能,满足各类工业检测和控制的需求。这样的框架不仅提高了...
标题中的“一个开源通用的应用程序框架.rar”表明我们讨论的主题是一个可以用于构建各种应用程序的开源框架,它以.RAR文件格式提供,可能包含了框架的源代码、文档和其他相关资源。这个框架可能是用一种或多种编程...
综上所述,`.NET网站通用框架源码`是一个综合了多个关键技术的开发框架,它能够帮助开发者快速构建高质量的Web应用,同时提供了良好的扩展性和可维护性。通过学习和理解这些知识点,开发者可以更高效地利用.NET技术...
该系统是一个简单实用的二次开发框架,内置了完整的权限架构,包括菜单、角色、用户、字典、日志和代码生成等系统常规模块。该框架旨在帮助一般管理系统避免重复造轮子,开发者只需关注新增功能的form界面和业务逻辑...
**WPF 通用权限开发框架** 是一个专为Windows Presentation Foundation (WPF) 应用程序设计的权限管理解决方案。WPF是微软.NET Framework的一部分,它提供了丰富的用户界面(UI)设计工具和功能,用于构建桌面应用...
此框架还有一个自动更新模块,可以自行拿来使用,在以后的商用过程中,可以用来更新系统,最后此框架是将整个系统模块化处理了,方便使用者,后期对代码的修改。然后本系统内已经实现了日常办公生活中所有的功能,...
当涉及训练预模型时,有一个通用框架可以帮助我们快速构建和训练模型。这个框架可以适用于各种下游任务,并且易于定制和扩展。在本文中,我们将介绍这个通用框架的不同部分,并说明如何使用它来训练自己的模型。
SSH是Java Web开发中的一个流行组合,由Spring、Struts和Hibernate三个开源框架组成。这三个框架协同工作,为开发者提供了一种高效、灵活且可扩展的解决方案,用于构建企业级应用。下面我们将深入探讨SSH框架的通用...
"EasyUI通用的框架"这个标题暗示了我们讨论的是一个预包装的解决方案,它包含了各种EasyUI控件的实例和演示,旨在帮助开发者更便捷地理解和使用EasyUI。 描述中提到"一款非常漂亮通用的easyui框架,里面有很多控件...
"dotnet-Anet是一个NETCore通用框架特点是简单易用" 这个标题指出,dotnet-Anet是一个基于.NET Core的通用框架,它的主要特点是简单易用。这意味着它设计的目标是为开发者提供一个轻量级且易于理解和操作的工具,...
总的来说,"通用后台管理框架"是一个基于成熟技术栈的解决方案,它为开发者提供了一个快速开发企业级后台系统的起点。通过熟练掌握Spring、SpringMVC和Mybatis,以及MySQL的使用,开发者可以构建出稳定、高效的后台...
标题中的“一个扩展性很强的Java通用网络框架”指的是Java平台上的一个高度可扩展的网络应用程序框架,这种框架设计用于构建高性能、高可用性的网络服务器和客户端应用。它通常包括了处理TCP/IP和UDP通信的核心组件...