jQuery操作Table学习总结资料.doc

 HYPERLINK /12go/archive/2011/12/01/2270756.html jQuery操作Table学习总结 jQuery在客户端操作Table学习：不过有很多很多的不足，还需要学习掌握。 style type=text/css???????.hover???????{???????????background-color:red;???????}????/styletable id=table1 border=1 cellpadding=0 cellspacing=0????tr????th????input type=checkbox id=checkall onclick=checkAll1(this)/????/th????th姓名/th????th性别/th????th密码/th????th地址/th????/tr????tr????td????input type=checkbox id=Checkbox1 /????/td????td张三/td????td男/td????tdzhangsan/td????td上海/td????/tr????tr????td????input type=checkbox id=Checkbox2 /????/td????td李四/td????td男/td????tdlisi/td????td安庆/td????/tr????tr????td????input type=checkbox id=Checkbox3 /????/td????td王五/td????td男/td????tdbeijing/td????td北京/td????/tr????tr????td????input type=checkbox id=Checkbox4 /????/td????td无名氏/td????td女/td????tdwumingshi/td????td上海/td????/tr????tr????td????input type=checkbox id=Checkbox5 /????/td????td赵老师/td????td男/td????tdzhaolaoshi/td????td浙江/td????/tr????tr????td colspan=5 align=center????input type=button id=btnAdd runat=server value=新增 onclick=btnAddRow() /nbsp;nbsp;nbsp;nbsp;????input type=button id=btnDelete runat=server value=删除 onclick=btnDeleteRow() /nbsp;nbsp;nbsp;nbsp;????input type=button id=btnSave runat=server value=保存 onclick=btnSaveClick() /????/td????/tr????/table操作： 1.鼠标移动行变色方法一：jQuery中的hover(fun(),fun())方法，参数一：第一个方法是添加样式功能，参数二：第二个方法是取消样式功能$(#table1 tr).hover(function(){?????$(this).children(td).addClass(hover)?},function(){?????$(this).children(td).removeClass(hover)?})? 方法二：$(#table1 tr:gt(0)).hover(function() {?????$(this).children(td).addClass(hover);?}, function() {?????$(this).children(td).removeClass(hover);?});? 2.奇偶行不同颜色$(#table1 tbody tr:odd).css(background-color, #bbf);?$(#table1 tbody tr:even).css(background-color,#ffc);??$(#table1 tbody tr:odd).addClass(odd)?$(#table1 tbody tr:even).addClass(even)? 3.隐藏一行$(#table1 tbody tr:eq(3)).hide();?4.隐藏一列方法一：$(#table1 tr td::nth