JQuery table operation (interlaced coloring, highlighting, filtering data)_jquery

I checked some information and wrote 4 demos:

1. Interlaced coloring

Copy code The code is as follows:

$('#table1 tr:odd').addClass('odd');
$('#table1 tr:even').addClass('even');

Effect:

2. Highlight the rows containing specific data

Copy the code The code is as follows:

$("#table2 tr:contains('Fuck')").addClass("selected");

3. Filter data

Copy code The code is as follows:

$("#filter ").click(
function(){
$("#table3 .datarow").hide().filter(":contains('ABCDEFG')").show();
}
);

4. Instantly filter data based on user input

Copy code Code As follows:

$("#keyword").keyup(function(){
$("#table3 .datarow").hide().filter(":contains('" ($(this).val()) "')").show();
}).keyup();

Before screening:

Enter ck:

Online demohttp://demo.jb51.net/js/2012/JQueryTableExample/
Package downloadJQueryTableExample_Edi.rar