jQuery简单实现隐藏以及显示特效

前端技术 2023/09/03 JavaScript

简单的 隐藏以及显示的代码如下：

复制代码 代码如下:

<!DOCTYPE html>
<html>
<head>
<script src=\"/jquery/jquery.js\"></script>
<script type=\"text/javascript\">
$(document).ready(function(){
  $(\"#hide\").click(function(){
  $(\"p\").hide();
  });
  $(\"#show\").click(function(){
  $(\"p\").show();
  });
});
</script>
</head>
<body>
<p id=\"p1\">如果点击“隐藏”按钮，我就会消失。</p>
<button id=\"hide\" type=\"button\">隐藏</button>
<button id=\"show\" type=\"button\">显示</button>
</body>
</html>

效果很不错，代码也很简单，希望大家能够喜欢。

本文地址：https://www.stayed.cn/item/8441

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案