天天看點

JQuery的顯示和隐藏元素

在body中建立一個p标簽和兩個button

<p>hello</p>
<button id="hide">隐藏</button>
<button id="show">顯示</button>
           

需要在上面先引入jquery檔案和js檔案

js代碼如下

$(document).ready(function(){
    $("#hide").click(function(){
        $("p").hide(1000);
    });
    $("#show").click(function(){
        $("p").show(1000);
    });
});
           
JQuery的顯示和隐藏元素

你可以點選隐藏和顯示按鈕,來把hello進行隐藏和顯示