.hover{background-color:red;} .hover{background-color:red;}
jQuery操作Table学习总结

jQuery操作Table学习总结

ID:44229815

大小:110.32 KB

页数:6页

时间:2019-10-19

jQuery操作Table学习总结_第1页
jQuery操作Table学习总结_第2页
jQuery操作Table学习总结_第3页
jQuery操作Table学习总结_第4页
jQuery操作Table学习总结_第5页
资源描述:

《jQuery操作Table学习总结》由会员上传分享,免费在线阅读,更多相关内容在工程资料-天天文库

1、jQuery操作Table学习总结jQuery在客户端操作Table学习:不过有很多很多的不足,还蛊要学习拿握。.hover{background-color:red;}性别〈th〉密码

2、th>地址张三男zhangsan±^男lisi安庆〈td>王五

3、男beijing北京〈td>无名氏〈td>女wumingshi±^赵老师zhaolaoshi〈td>浙江

4、lign=,/center">        

5、ue=,z保存"onclick二"btnSaveClick()"/>操作:1.鼠标移动行变色方法一:jQuery中的hover(fun(),fun())方法,参数一:第一个方法是添加样式功能,参数二:第二个方法是取消样式功能$(/z#tableltr,z).hover(function(){$(this).children(z,td,z).addClass("hover")},function(){$(this).ch订dren("td").removeClass("hover")})方法二:$("#tableltr

6、:gt(0)z/).hover(function(){$(this).children("td").addClass("hover");},function(){$(this).children("td").removedass("hover");});2.奇偶行不同颜色$C#tablel$C#tablel$(,z#tablel$C#tableltbodytbodytbodytbodytr:odd").css("background-color",”#bbf");tr:evcn").css("background-color","#ffc");tr:o

7、dd").addClass("odd")tr:evcn").addClass("even")css3.隐藏一行$(“#tableltbodytr:eq(3)").hide();4.隐藏一列方法一:$("#tableltrtd::nth-chiId(3).hide();方法二:$(“#table1tr").each(function(){$("td:eq(3)”,this).hide()});5.〃删除一行〃删除除第一行外的所冇行$(,z#tableltr:not(:first)“).remove();〃删除指定行$(,z#tableltr:eq(3)z

8、,).remove();6.//删除一列〃删除除第一列外的所冇列$(,z#tableltrth

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。