商品 | 价格 |
---|---|
T恤 | ¥100 |
牛仔外套 | ¥250 |
牛仔图书馆 | ¥150 |
然后用jquery隐藏第个元素
1。使用隐藏()
hide() 方法隐藏所选元素(通过向元素添加 display:none 样式来隐藏它)。
$(文档).ready(function() { $("button").click(function() { $("th").hide(); });});
2。使用 fadeOut()
fadeOut() 方法逐渐将所选元素的不透明度从可见更改为隐藏(淡入淡出效果)。
$(document).ready(function() { $("button").click(function() { $("th").fadeOut(); });});
3。使用 fadeTo()
fadeTo() 方法逐渐将所选元素的不透明度更改为指定值(淡入淡出效果)。
只需将最终的不透明度设置为0即可。
$(文档).ready(function() { $("button").click(function() { $("th").fadeTo(1000,0); });});
4。使用slideUp()
slideUp()方法以滑动的方式隐藏选中的元素。
$(文档).ready(function() { $("button").click(function() { $("th").slideUp(); });});
【推荐学习:jQuery视频教学、Web前端视频】