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 相关文章推荐
JavaScript 组件之旅(四):测试 JavaScript 组件
Oct 28 Javascript
用js来解决ajax读取页面乱码
Nov 28 Javascript
jQuery fadeTo方法调整图片的透明度使用介绍
May 06 Javascript
cookie的复制与使用记住用户名实现代码
Nov 04 Javascript
js仿百度贴吧验证码特效实例代码
Jan 16 Javascript
利用JQuery写一个简单的异步分页插件
Mar 07 Javascript
Javascript中级语法快速入手
Jul 30 Javascript
解决前端跨域问题方案汇总
Nov 20 Javascript
AngularJS实现注册表单验证功能
Oct 16 Javascript
vue--点击当前增加class,其他删除class的方法
Sep 15 Javascript
Vue面试题及Vue知识点整理
Oct 07 Javascript
vue中通过使用$attrs实现组件之间的数据传递功能
Sep 01 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
zend framework配置操作数据库实例分析
2012/12/06 PHP
php中定时计划任务的实现原理
2013/01/08 PHP
解析php二分法查找数组是否包含某一元素
2013/05/23 PHP
PHP实现HTML生成PDF文件的方法
2014/11/07 PHP
php实现兼容2038年后Unix时间戳转换函数
2015/03/18 PHP
Yii框架通过请求组件处理get,post请求的方法分析
2019/09/03 PHP
javascript 框架小结 个人工作经验
2009/06/13 Javascript
Firefox中autocomplete="off" 设置不起作用Bug的解决方法
2011/03/25 Javascript
使用Grunt.js管理你项目的应用说明
2013/04/24 Javascript
Jquery.Form 异步提交表单的简单实例
2014/03/03 Javascript
Bootstrap导航栏各元素操作方法(表单、按钮、文本)
2015/12/28 Javascript
简单掌握JavaScript中const声明常量与变量的用法
2016/05/21 Javascript
jQuery的ajax和遍历数组json实例代码
2016/08/01 Javascript
javascript删除html标签函数cIsHTML
2017/01/09 Javascript
jquery版轮播图效果和extend扩展
2017/07/18 jQuery
vue脚手架及vue-router基本使用
2018/04/09 Javascript
微信小程序实现日历效果
2018/12/28 Javascript
webpack.DefinePlugin与cross-env区别详解
2020/02/23 Javascript
Python实现二分法算法实例
2015/02/02 Python
PYTHON 中使用 GLOBAL引发的一系列问题
2016/10/12 Python
Python实现将罗马数字转换成普通阿拉伯数字的方法
2017/04/19 Python
对python的文件内注释 help注释方法
2018/05/23 Python
用Python一键搭建Http服务器的方法
2018/06/01 Python
Python中的全局变量如何理解
2020/06/04 Python
使用纯HTML5编写一款网页上的时钟的代码分享
2015/11/16 HTML / CSS
DVF官方网站:美国时装界尊尚品牌
2017/08/29 全球购物
Qoo10台湾站:亚洲领先的在线市场
2018/05/15 全球购物
计算机专业毕业生的自我评价
2013/11/18 职场文书
应用心理学个人的求职信
2013/12/08 职场文书
应用艺术专业个人的自我评价
2014/01/03 职场文书
家长评语和期望
2014/02/10 职场文书
绿色学校实施方案
2014/03/31 职场文书
企业培训简报范文
2015/07/20 职场文书
学风建设主题班会
2015/08/17 职场文书
2016年中秋节晚会领导致辞
2015/11/26 职场文书
SQL Server中常用截取字符串函数介绍
2022/03/16 SQL Server