jQuery 表格展开伸缩

来源:互联网 发布:西安管家婆软件 编辑:程序博客网 时间:2024/05/16 18:24
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head><title></title><style>table { border:0;border-collapse:collapse;}td { font:normal 12px/17px Arial;padding:2px;width:100px;}th { font:bold 12px/17px Arial;text-align:left;padding:4px;border-bottom:1px solid #333;width:100px;}.parent { background:#FFF38F;cursor:pointer;}  /* 偶数行样式*/.odd { background:#FFFFEE;} /* 奇数行样式*/.selected { background:#FF6500;color:#fff;}</style><!--   引入jQuery --><script src="http://www.gamejzy.com/js/jquery.js" type="text/javascript"></script><script type="text/javascript">$(function(){$('tr.parent').click(function(){   // 获取所谓的父行$(this).toggleClass("selected")   // 添加/删除高亮.siblings('.child_'+this.id).toggle();  // 隐藏/显示所谓的子行}).click();})</script></head><body><table><thead><tr><th>姓名</th><th>性别</th><th>暂住地</th></tr></thead><tbody><tr class="parent" id="row_01"><td colspan="3">前台设计组</td></tr><tr class="child_row_01"><td>张山</td><td>男</td><td>浙江宁波</td></tr><tr class="child_row_01"><td>李四</td><td>女</td><td>浙江杭州</td></tr><tr class="parent" id="row_02"><td colspan="3">前台开发组</td></tr><tr class="child_row_02"><td>王五</td><td>男</td><td>湖南长沙</td></tr><tr class="child_row_02"><td>找六</td><td>男</td><td>浙江温州</td></tr><tr class="parent" id="row_03"><td colspan="3">后台开发组</td></tr><tr class="child_row_03"><td>Rain</td><td>男</td><td>浙江杭州</td></tr><tr class="child_row_03"><td>MAXMAN</td><td>女</td><td>浙江杭州</td></tr></tbody></table></body></html>

效果图展示:

jQuery的toggle()方法在IE8的tr中失效的问题

<script src="http://www.gamejzy.com/js/jquery.js" type="text/javascript"></script>
這個 bug 在 jQuery 1.3.0 及 1.3.1 是不存在的,只有在 1.3.2,而且只有用 IE8(非相容模式) 會出現此問題。换个jQuery版本即可~

原创粉丝点击
热门问题 老师的惩罚 人脸识别 我在镇武司摸鱼那些年 重生之率土为王 我在大康的咸鱼生活 盘龙之生命进化 天生仙种 凡人之先天五行 春回大明朝 姑娘不必设防,我是瞎子 宝宝看了浴霸灯怎么办 一周半宝宝腹泻怎么办 小儿三天不大便怎么办 小宝宝腿纹不对怎么办 孩子个子太高怎么办 宝宝拉粑粑干硬怎么办 美国办新生儿护照怎么办 怀孕拉绿色大便怎么办 幼儿园孩子不爱学习怎么办 幼儿园老师管不住孩子怎么办 手机支架夹不住怎么办 画水彩没有留白液怎么办 水彩颜料脱胶了怎么办 指甲油涂到手上怎么办 抖音里没有控雨怎么办 qq视频没有特效怎么办 组长刁难员工员工怎么办 想转行没精力怎么办 桔子树无法退款怎么办 保温箱婴儿哭了怎么办 宝宝不爱吃肉泥怎么办 苹果x卡死了怎么办 苹果6手机用着卡怎么办 二个月宝宝肚子胀气怎么办 一岁半宝宝大便干结怎么办 婴儿上大便费劲怎么办 宝宝便秘半年了怎么办 1岁宝宝便秘怎么办 两个月积食了怎么办 婴儿拉青色大便怎么办 一周岁宝宝便秘怎么办 两岁宝宝内火重怎么办 一岁宝宝内火重怎么办 小孩大便有点血怎么办 一岁半宝宝拉血怎么办 宝宝八个月便秘怎么办 七个月孩子便秘怎么办 小孩肚子胀气怎么办消化不良 骨盆窄孩子卡住怎么办 孕38周便秘怎么办 孕晚期肚子发硬怎么办