欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JQuery操作表格(隔行著色,高亮顯示,篩選數(shù)據(jù))

 更新時(shí)間：2012年02月23日 23:03:33   作者：  
最近項(xiàng)目里對表格的操作比較多。以往我們要做一些效果的時(shí)候往往通過程序代碼來實(shí)現(xiàn)，這個(gè)努力不值，因?yàn)镴Query是完全可以做到的，并且是客戶端運(yùn)行，不經(jīng)過服務(wù)器處理，給用戶的反應(yīng)快，也減少了服務(wù)器壓力
查了些資料，寫了4個(gè)Demo：

1. 隔行著色
復(fù)制代碼 代碼如下:

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

效果：

2. 高亮含有特定數(shù)據(jù)的行

復(fù)制代碼 代碼如下:

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

 

3. 篩選數(shù)據(jù)

復(fù)制代碼 代碼如下:

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

4. 根據(jù)用戶輸入，即時(shí)篩選數(shù)據(jù)
復(fù)制代碼 代碼如下:

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

篩選前：

 

輸入ck：



在線演示 http://demo.jb51.net/js/2012/JQueryTableExample/
打包下載 JQueryTableExample_Edi.rar

相關(guān)文章

最新評論