宝哥软件园

JQuery操作表(隔行着色、高亮、过滤数据)

编辑:宝哥软件园 来源:互联网 时间:2021-10-10

在检查了一些数据后,我写了四个演示:1。交错着色和复制代码如下: $ ('# table1tr:odd ')。添加类(“奇数”);$('#table1 tr:even ')。addClass('偶数');效果:

2.突出显示包含特定数据的行,并按如下方式复制代码: $(' # table2tr 3360 contains('他妈的')')。addclass('选定');

3.复制过滤器数据的代码如下: $ ('# filter ')。单击(function () {$ ('# table3.datarow ')。隐藏()。过滤器(' :包含(' abcdefg ')')。show();} );4.根据用户的输入,即时过滤数据复制码的代码如下: $ ('# keyword ')。key up(function(){ $(' # table 3 . datarow '))。隐藏()。筛选器(' 3360 contains(')($(this))。val())'。}).key up();放映前:

进入CK:

打包并下载JQueryTableExample_Edi.rar,以便在线演示http://demo.jb51.net/js/2012/JQueryTableExample/.

更多资讯
游戏推荐
更多+