Chinaunix首页 | 论坛 | 博客
  • 博客访问: 459148
  • 博文数量: 226
  • 博客积分: 0
  • 博客等级: 民兵
  • 技术积分: 2111
  • 用 户 组: 普通用户
  • 注册时间: 2014-06-20 09:02
个人简介

web web web

文章分类

全部博文(226)

文章存档

2020年(2)

2019年(1)

2018年(3)

2017年(26)

2016年(57)

2015年(60)

2014年(77)

我的朋友

分类: Web开发

2014-09-29 15:03:56

一、鼠标移动到行更换背景色:
  1. $("table tr").hover(
  2.     function(){ $(this).addClass("hover")},
  3.     function(){ $(this).removeClass("hover")}
  4.  )
二、 表格奇偶行变色 :
  1. $("#mytable tr:odd").addClass("odd");    
  2. $("#mytable tr:even").addClass("even");
三、基本操作:
      (1)删除行,比如删除表格中的第二行:
  1. $("#mytable tr:eq(1)").remove();
      (2)删除列,比如删除表格中的第二列:
  1. $("#mytable tr td:nth-child(2)").remove();
      (3)删除其他行,比如第二行外的其他行:
  1. $("#mytable tr:not(:eq(1))").remove();
      (4)删除其它列,比如第二列之外的所有列:
  1. $("#mytable tr td:not(:nth-child(2))").remove();
     (5)隐藏行,比如隐藏第二行:
  1. $("#mytable tr:eq(1)").css("display","none");
     (6)隐藏列,比如隐藏第二列:
  1. $("#mytable tr td:nth-child(2)").css("display","none");
     (7)插入新行,在表格最后的位置:
  1. $("#mytable tr:last").after("222");
    (8)获得单元格的值,比如第二行第三列: 
  1. alert($("#mytable tr:eq(1) td:eq(2)").text());
 
阅读(526) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~