您好,欢迎访问一九零五行业门户网

jquery中怎么让th元素隐藏

方法:1、用“$(th).hide()”,通过添加display样式来隐藏;2、用“$(th).fadeout()”或“$(th).fadeto(毫秒,0)”,通过修改透明度来隐藏;3、用“$(th).slideup()”。
本教程操作环境:windows7系统、jquery1.10.2版本、dell g3电脑。
b4d429308760b6c2d20d6300079ed38e 标签定义 html 表格中的表头单元格。
例:
<table border="1"> <tr> <th>商品</th> <th>价格</th> </tr> <tr> <td>t恤</td> <td>¥100</td> </tr> <tr> <td>牛仔褂</td> <td>¥250</td> </tr> <tr> <td>牛仔库</td> <td>¥150</td> </tr></table><br>
那么使用jquery让th元素隐藏
1、使用hide()
hide() 方法隐藏被选元素(通过给元素添加display:none样式来隐藏)。
$(document).ready(function() { $("button").click(function() { $("th").hide(); });});
2、使用fadeout()
fadeout() 方法逐渐改变被选元素的不透明度,从可见到隐藏(褪色效果)。
$(document).ready(function() { $("button").click(function() { $("th").fadeout(); });});
3、使用fadeto()
fadeto() 方法逐渐改变被选元素的不透明度为指定的值(褪色效果)。
只需要将最终的不透明度设置为0即可。
$(document).ready(function() { $("button").click(function() { $("th").fadeto(1000,0); });});
4、使用slideup()
slideup() 方法以滑动方式隐藏被选元素。
$(document).ready(function() { $("button").click(function() { $("th").slideup(); });});
【推荐学习:jquery视频教程、web前端视频】
以上就是jquery中怎么让th元素隐藏的详细内容。
其它类似信息

推荐信息