Shell

推荐列表 站点导航

当前位置:首页 > 脚本编程 > Shell >

JQuery操作表格(隔行着色,高亮显示,筛选数据)

来源:互联网  作者:网友投稿  发布时间:2021-01-05 17:16
最近项目里对表格的操作比较多。以往我们要做一些效果的时候往往通过程序代码来实现,这个努力不值,因为JQue...

即时筛选数据 复制代码 代码如下: $("#keyword").keyup(function(){ $("#table3 .datarow").hide().filter(":contains('" + ($(this).val()) + "')").show(); }).keyup(); 筛选前: 输入ck: 在线演示 打包下载 JQueryTableExample_Edi.rar ,最近项目里对表格的操作比较多。

不经过服务器处理。

并且是客户端运行。

给用户的反应快,因为jquery是完全可以做到的,也减少了服务器压力查了些资料,写了4个Demo: 1. 隔行着色 复制代码 代码如下: $('#table1 tr:odd').addClass('odd'); $('#table1 tr:even').addClass('even'); 效果: 2. 高亮含有特定数据的行 复制代码 代码如下: $("#table2 tr:contains('Fuck')").addClass("selected"); 3. 筛选数据 复制代码 代码如下: $("#filter").click( function(){ $("#table3 .datarow").hide().filter(":contains('ABCDEFG')").show(); } ); 4. 根据用户输入,这个努力不值,以往我们要做一些效果的时候往往通过程序代码来实现,。

相关热词:

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规!

本文地址: https://v30.fanwenzhu.com/jiaob/shell/11205.shtml

Copyright © www.juheyunku.com      关于 | 合作 | 声明 | 联系 | 更新 | 地图 | Tags

JQuery操作表格(隔行着色,高亮显示,筛选数据)

2021-01-05 编辑:网友投稿

即时筛选数据 复制代码 代码如下: $("#keyword").keyup(function(){ $("#table3 .datarow").hide().filter(":contains('" + ($(this).val()) + "')").show(); }).keyup(); 筛选前: 输入ck: 在线演示 打包下载 JQueryTableExample_Edi.rar ,最近项目里对表格的操作比较多。

不经过服务器处理。

并且是客户端运行。

给用户的反应快,因为jquery是完全可以做到的,也减少了服务器压力查了些资料,写了4个Demo: 1. 隔行着色 复制代码 代码如下: $('#table1 tr:odd').addClass('odd'); $('#table1 tr:even').addClass('even'); 效果: 2. 高亮含有特定数据的行 复制代码 代码如下: $("#table2 tr:contains('Fuck')").addClass("selected"); 3. 筛选数据 复制代码 代码如下: $("#filter").click( function(){ $("#table3 .datarow").hide().filter(":contains('ABCDEFG')").show(); } ); 4. 根据用户输入,这个努力不值,以往我们要做一些效果的时候往往通过程序代码来实现,。

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供学习参考!
本文地址为 https://v30.fanwenzhu.com/jiaob/shell/11205.shtml

相关文章

风云图片

推荐阅读

返回Shell频道首页