jQuery显示隐藏事件

发布时间 2023-06-30 10:15:04作者: 香香的泡泡
 
<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