• 博客园logo
  • 会员
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • HarmonyOS
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录

博客园    首页    新随笔    联系   管理    订阅  订阅
jQuery显示隐藏事件
 
<button class="btn1">隐藏</button>
    <p style="display:none;">

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

等闲变却故人心,却道故心人易变。

骊山语罢清宵半,泪雨霖铃终不怨。

何如薄幸锦衣郎,比翼连枝当日愿。

</p>
    <button class="btn2">显示</button>
//通过点击事件触发
$(document).ready(function () {
    $(".btn1").click(function () {
        $("p").hide();
    });
    $(".btn2").click(function () {
        $("p").show();
    });
//记得引入jQuery:npm i jquery
 
posted on 2023-06-30 10:06  香香的泡泡  阅读(38)  评论(0)    收藏  举报
刷新页面返回顶部
博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3