jquery表格简单插件
来源:互联网 发布:office for mac通用 编辑:程序博客网 时间:2024/06/02 05:02
1、一直对jquery插件感觉很神秘。今天动手写了一个超级简单的案例。
2、效果
3、体会
a、jquery插件编写能力。需要具备一定js能力的编写。还有写css样式的运用;希望以后这方面会有提高。
b、能封装插件尽量封装;
c、面向对象的方式去写对象;
4、代码
/** * Created by Administrator on 2015/8/17 0017. */(function ($) { $.fn.tableUI = function (options) { var defalus = { evenRowClass: "evenRow", oddClass: "oddRow", activeRowClass: "activeRow" } var options = $.extend(defalus, options); // do somethings this.each(function () { var thisTable = $(this); //添加奇偶行颜色 $(thisTable).find("tr:even").addClass(options.evenRowClass); $(thisTable).find("tr:odd").addClass(options.oddClass); //添加活动行颜色 $(thisTable).find("tr").bind("mouseover", function () { $(this).addClass(options.activeRowClass); }); $(thisTable).find("tr").bind("mouseout", function () { $(this).removeClass(options.activeRowClass); }); }); }})(jQuery);
5、源代码
http://download.csdn.net/detail/u011431550/9016657
0 0
- jquery表格简单插件
- JQuery 表格插件 简单应用
- JQuery插件第三十六个:简单解析json生成数据表格
- jquery表格插件推荐
- jQuery 表格插件汇总
- jQuery 表格插件汇总
- jquery插件【编辑表格】
- jQuery 表格插件汇总
- jquery 表格插件
- jQuery 表格插件
- jQuery 表格插件
- JQuery 表格插件汇总
- jquery表格排序插件
- Jquery 表格插件DataTables
- jQuery 表格排序插件
- jQuery 表格插件
- jquery表格插件jqgrid
- jquery demo - jquery表格插件flexigrid的java简单应用实例
- 液体效果,制作喷溅的液态裙子教程
- UVA 1160X-Plosives【并查集】
- hdu2899Strange fuction(三分搜索求极值)
- Linux 命令之grep
- 华为OJ 名字的漂亮度
- jquery表格简单插件
- 算法竞赛入门经典:第六章 数据结构基础 6.9 根据二叉树的后序和中序确定前序序列
- LINUX操作系统VIM的安装和配置
- Android 自定义View (一)
- CMake 学习
- 线性表(顺序存储)C语言实现
- 开门人和关门人
- tomcat 启动异常排查
- 算法竞赛入门经典:第六章 数据结构基础 6.10黑白图像