jquery显示隐藏元素

jQuery元素显示与隐藏技巧

最新推荐文章于 2025-06-24 10:55:52 发布

原创最新推荐文章于 2025-06-24 10:55:52 发布 · 1.1w 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#jquery

JavaScript 专栏收录该内容

18 篇文章

订阅专栏

本文介绍了使用jQuery来控制网页元素的显示与隐藏的方法，包括快速切换元素可见状态的技巧。通过`.css()`方法和`.show()`、`.hide()`、`.toggle()`等API，可以轻松实现元素的显示、隐藏及切换效果。

$("#id").css('display','none');  
$("#id").css('display','block');  
或  
$("#id")[0].style.display = 'none';  

$("#id")返回的是JQuery  
它是个集合肯定没有display属性

$("#firstStep").hide(500);而且可以设置时间；("#firstStep").hide(500);而且可以设置时间；
$(".class").css('display','block');

$("#id").show()表示display:block,
$("#id").hide()表示display:none;
$("#id").toggle()切换元素的可见状态。
如果元素是可见的，切换为隐藏的；
如果元素是隐藏的，切换为可见的。