国产视频app利用jQuery我們可以很便利的在web頁面上呈現出非常好的效果,利如果我們可以使web頁面中的部分內容根據我們的需要進行顯示與隱藏的操作,這樣可以給訪客非常好的體驗效果,今天我們說一說JQ中顯示與隱藏的方法

show()方法的解釋

show()方法:可以使我們指定的隱藏元素顯示出來,相當于CSS中的"display"屬性的"block"值

語法:

$(element).show()

hide()方法的解釋

hide()方法:可以使我們指定的元素隱藏起來,相當于CSS中的“display”屬性的“none”值

語法:

$(element).hide();

舉例說明一下

點擊按鈕,使P標簽在顯示與隱藏兩種狀態之間切換

HTML代碼

JQ顯示和隱藏

<p>飛鳥慕魚博客歡迎您!</p>
<button id='button'>隱藏</button>
<button id='button2'>顯示</button>

JQ代碼

$("#button").click(function(){
    $("p").hide();
});
$("#button2").click(function(){
    $("p").show();
});

作者說:

show()和hide(),可以設置其屬性的值,以毫秒為單,而且還是設置它們的動作函數,這里不再細說!