方法:1、用“$("th").hide()”,通过添加display样式来隐藏;2、用“$("th").fadeOut()”或“$("th").fadeTo(毫秒,0)”,通过修改透明度来隐藏;3、用“$("th").slideUp()”。

本教程操作环境:windows7系统、jquery1.10.2版本、Dell G3电脑。
例:
| 商品 | 价格 |
|---|---|
| T恤 | ¥100 |
| 牛仔褂 | ¥250 |
| 牛仔库 | ¥150 |

那么使用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前端视频】










