jquery的show用display:none来做

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

飞翔的熊blabla

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

阅读量1k

点赞数

分类专栏： html+js+jquery+css

html+js+jquery+css 专栏收录该内容

644 篇文章

订阅专栏

本文演示了如何利用HTML、CSS及jQuery实现按钮点击后使隐藏的段落以渐显效果显示出来。通过内联样式设定段落初始状态为隐藏，并借助jQuery的show方法配合slow参数达到平滑渐显的效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
<head>
  <style>
p { background:yellow; }
</style>
  <script src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script>
</head>
<body>
  <button>Show it</button>
      <p style="display: none">Hello  2</p>
<script>
$("button").click(function () {
  $("p").show("slow");
});
</script>
 
</body>
</html>