jQuery隐藏 显示 —— W3school 详解 简单易懂
在jQuery中,可以使用.show()
和.hide()
方法来控制元素的显示和隐藏。
.show()
方法用于显示匹配的元素,.hide()
方法用于隐藏匹配的元素。这两个方法都可以接受一个可选的速度参数,用于控制显示和隐藏的动画速度,可以是毫秒数或者是预定义的字符串("slow", "fast" 或 "normal")。
下面是一些使用.show()
和.hide()
方法的示例代码:
// 显示一个段落
$("p").show();
// 隐藏一个段落
$("p").hide();
// 显示一个段落,用慢速动画
$("p").show("slow");
// 隐藏一个段落,用快速动画
$("p").hide("fast");
// 切换一个段落的显示和隐藏状态
$("p").toggle();
// 切换一个段落的显示和隐藏状态,用慢速动画
$("p").toggle("slow");
这些代码片段展示了如何使用jQuery来控制HTML元素的显示和隐藏。通过切换.show()
和.hide()
方法的调用,可以创建元素的显示和隐藏效果。使用.toggle()
方法可以根据元素当前的状态来切换它的可见性。
评论已关闭