jQuery是一种JavaScript库,它可以轻松地操纵HTML文档、处理事件以及创建动画效果。在jQuery中,显示和隐藏元素变得非常简单。
使用jQuery的show()和hide()方法,可以在适当的时间显示或隐藏一个元素。
$(document).ready(function(){ $("#btn-show").click(function(){ $("#element-to-show").show(); }); $("#btn-hide").click(function(){ $("#element-to-hide").hide(); }); });
在上面的代码中,当页面已经加载时,jQuery会寻找ID为"btn-show"和"btn-hide"的按钮,并在点击时显示或隐藏元素。
此外,还有一个toggle()方法,在每次点击时切换元素的可见性:
$(document).ready(function(){ $("#btn-toggle").click(function(){ $("#element-to-toggle").toggle(); }); });
在上面的代码中,当页面已加载时,jQuery会寻找ID为"btn-toggle"的按钮,并在每次点击时切换元素的可见性。
以上就是使用jQuery显示和隐藏元素的简单方法。