JQuery对表格进行操作的常用技巧总结


Posted in Javascript onApril 23, 2014

1、表格奇数行和偶数行分别添加样式

$(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(); 
});
Javascript 相关文章推荐
浏览器无法运行JAVA脚本的解决方法
Jan 09 Javascript
Iframe thickbox2.0使用的方法
Mar 05 Javascript
Node.js编码规范
Jul 14 Javascript
深入理解requestAnimationFrame的动画循环
Sep 20 Javascript
jquery css实现邮箱自动补全
Nov 14 Javascript
Angular 常用指令实例总结整理
Dec 13 Javascript
讲解vue-router之什么是编程式路由
May 28 Javascript
JS温故而知新之变量提升和时间死区
Jan 27 Javascript
vue实现鼠标经过动画
Oct 16 Javascript
webpack4 optimization使用总结
Nov 10 Javascript
基于canvas实现手写签名(vue)
May 21 Javascript
js实现简易拖拽的示例
Oct 26 Javascript
IE6已终止操作问题的2种情况及解决
Apr 23 #Javascript
三种检测iPhone/iPad设备方向的方法
Apr 23 #Javascript
JS使用getComputedStyle()方法获取CSS属性值
Apr 23 #Javascript
javascript数字时钟示例分享
Apr 23 #Javascript
使用jQuery中的when实现多个AJAX请求对应单个回调的例子分享
Apr 23 #Javascript
iframe实用操作锦集
Apr 22 #Javascript
js操作输入框中选择内容兼容IE及其他主流浏览器
Apr 22 #Javascript
You might like
如何做到多笔资料的同步
2006/10/09 PHP
php inc文件使用的风险和注意事项
2013/11/12 PHP
PHP pthreads v3下同步处理synchronized用法示例
2020/02/21 PHP
Javascript的数组与字典用法与遍历对象的属性技巧
2012/11/07 Javascript
原生js实现给指定元素的后面追加内容
2013/04/10 Javascript
简介alert()与console.log()的不同
2015/08/26 Javascript
浅谈javascript的Touch事件
2015/09/27 Javascript
用canvas 实现个图片三角化(LOW POLY)效果
2016/02/18 Javascript
基于JQuery实现分隔条的功能
2016/06/17 Javascript
jQuery事件用法详解
2016/10/06 Javascript
JS验证 只能输入小数点,数字,负数的实现方法
2016/10/07 Javascript
jquery文字填写自动高度的实现方法
2016/11/07 Javascript
javascript数据类型详解
2017/02/07 Javascript
纯js实现画一棵树的示例
2017/09/05 Javascript
JS判断数组里是否有重复元素的方法小结
2019/05/21 Javascript
前端vue-cli项目中使用img图片和background背景图的几种方法
2019/11/13 Javascript
微信小程序获取公众号文章列表及显示文章的示例代码
2020/03/10 Javascript
详解react组件通讯方式(多种)
2020/05/06 Javascript
openlayers实现图标拖动获取坐标
2020/09/25 Javascript
[57:53]DOTA2上海特级锦标赛主赛事日 - 2 败者组第二轮#3OG VS VP
2016/03/03 DOTA
[01:00:25]2018DOTA2亚洲邀请赛3月30日 小组赛A组 VG VS Liquid
2018/03/31 DOTA
python使用正则表达式替换匹配成功的组
2017/11/17 Python
Python读取MRI并显示为灰度图像实例代码
2018/01/03 Python
python使用itchat库实现微信机器人(好友聊天、群聊天)
2018/01/04 Python
pyqt5自定义信号实例解析
2018/01/31 Python
python实现雨滴下落到地面效果
2018/06/21 Python
Pandas 数据处理,数据清洗详解
2018/07/10 Python
python读取TXT每行,并存到LIST中的方法
2018/10/26 Python
python实现维吉尼亚加密法
2019/03/20 Python
Python如何测试stdout输出
2020/08/10 Python
《猴子种树》教学反思
2014/02/14 职场文书
语文教研活动总结
2014/07/02 职场文书
小学安全工作总结2015
2015/05/18 职场文书
推广普通话宣传标语口号
2015/12/26 职场文书
班干部竞选演讲稿(精选5篇)
2019/09/24 职场文书
PostgreSQL基于pgrouting的路径规划处理方法
2022/04/18 PostgreSQL