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

I looked up some information and wrote 4 demos:

1. Interlaced coloring

Copy Code code as follows:

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

Effect:

2. Highlight rows that contain specific data

Copy Code code as follows:

$ ("#table2 tr:contains (' fuck ')"). AddClass ("selected");

3. Filter data

Copy Code code as follows:

$ ("#filter"). Click (
function () {
$ ("#table3. DataRow"). Hide (). Filter (": Contains (' ABCDEFG ')"). Show ();
}
);

4. Filter data instantly based on user input

Copy Code code as follows:

$ ("#keyword"). KeyUp (function () {
$ ("#table3. DataRow"). Hide (). Filter (": Contains ('" + ($ (this). Val ()) + "')", Show ();
}). KeyUp ();

Before filtering:

Enter CK:

Online Demo http://demo.jb51.net/js/2012/JQueryTableExample/
Package Download Jquerytableexample_edi.rar