jQuery表格选中行变色插件
2014-01-22 15:37
323 查看
$.fn.extend({ changecolor: function(options) { var defaults = { selectedColor: 'gainsboro' //选中后的颜色,默认淡灰色 }; options = $.extend(defaults, options); return this.each(function() { var $this = $(this); var $trs = $this.find('tr').filter(function(index){return index >= 1;}); var selectedColor = options.selectedColor; $trs.each(function(i, tr){ $(tr).bind('click', function(event){ $trs.each(function(i, n) { if (n == tr) { $(n).css('background-color', selectedColor); } else { $(n).css('background-color', 'white'); } }); }); }); }); } });
相关文章推荐
- jQuery 插件 表格高亮显示选中行 全选、反选(四种模式)
- jQuery插件实现表格隔行换色且感应鼠标高亮行变色
- jQuery插件实现表格隔行变色及鼠标滑过高亮显示效果代码
- jQuery插件实现表格隔行换色且感应鼠标高亮行变色
- jQuery插件,实现表格选中状态及鼠标滑过高亮
- JQuery表格插件:鼠标移过变色,双击打开新页面,单选(支持多选)变色
- jQuery插件实现表格隔行变色及鼠标滑过高亮显示效果代码
- jquery插件之表格隔行变色并鼠标滑过高亮显示
- jQuery表格插件(隔行换色、划过变色、全选)
- jquery选中表格的某行变色
- 使用jquery制作表格选中行变色很简单
- jQuery插件表格换行变色
- jQuery:1.5.4.4,表格变色(单击行,把当行的复选框(checkbox)设为选中状态,并应用当前样式)
- jQuery插件(表单验证/表单返值/灯箱/图片放大/cookie/自动匹配/右键菜单/选中变色/相加相减)
- jQuery表格插件(隔行换色、划过变色、全选)
- jQuery实现表格选中行变色
- 我的第一个jQuery插件--表格隔行变色
- jQuery:1.5.4.3,表格变色(单击行,把当行的单选按钮(radio)设为选中状态,并应用当前样式)
- jQuery 插件 表格高亮显示选中行 全选、反选(四种模式)
- jQuery 表格排序插件 Tablesorter 使用