JQuery对表格进行处理的技巧总结
2014-04-23 14:28
295 查看
1、表格奇数行和偶数行分别添加样式
不算表的头部
2、单选框控制行的高亮显示
3、复选框控制行的高亮显示
4、表格内容筛选
$(function(){ $('tr:odd').addClass("odd"); $('tr:even').addClass("even"); });
不算表的头部
$(function(){ $('tbody>tr:odd').addClass("odd"); $('tbody>tr:even').addClass("even"); });
2、单选框控制行的高亮显示
$('tobdy>tr').click(function(){ $(this).addClass('selected') .siblings().removeClass('selected') .end() // 重新返回该对象 .find(':radio').attr('checked',true); });
3、复选框控制行的高亮显示
$('tobdy>tr').click(function(){ if( $(this).hasClass('selected') ){ // 判断是否有selected高亮样式 $(this).removeClass('selected') .find(':checkbox').attr('checked',false); }else{ $(this).addClass('selected') .find(':checkbox').attr('checked',true); } });
4、表格内容筛选
$(function(){ $('table tbody tr').hide() .filter(":contains(李)").show(); });
相关文章推荐
- JQuery对表格进行操作的常用技巧总结
- JQuery对表格进行操作的常用技巧总结
- jquery技巧总结-jQuery对象,集合,方法扩展,事件处理,特效,解决冲突
- jquery技巧总结-jQuery对象,集合,方法扩展,事件处理,特效,解决冲突
- jquery技巧总结-jQuery对象,集合,方法扩展,事件处理,特效,解决冲突
- JQuery表格操作的常用技巧总结
- jquery技巧总结-jQuery对象,集合,方法扩展,事件处理,特效,解决冲突
- js处理表格对table进行修饰
- Matlab中使用文本文件(.txt)进行数据存取的技巧总结(1)
- JQuery总结:选择器归纳、DOM遍历和事件处理、DOM完全操作和动画
- JQuery技巧总结
- 使用jquery的tablesorter插件进行表格排序
- jQuery 常见开发使用技巧总结
- jQuery表格插件datatables用法总结(上)
- JS和Jquery中关于-字符串处理-的函数总结
- jQuery技巧总结
- jquery技巧总结
- jQuery 常见开发使用技巧总结
- jQuery技巧总结 [4]
- 转载--jquery技巧总结