首頁 > 軟體

jquery隱藏元素的方法

2019-12-12 15:58:27

jquery隱藏元素的方法,jquery是javascript的第三方庫,功能非常強大,用的人也非常多,隱藏元素可以用一句話就編寫完成,而且還可以設定因此的實際,只要我們確定好元素的位置就可以開展工作了。


1

開啟編輯器,新建一個HTML文件,然後我們設定好基本的結構。


2

然後我們要在head標籤裡面加入script標籤,並且指明jquery庫檔案的位置。


3

這裡建立三個li,我們等會要求按消失其中一個。



4

這裡建立一個js檔案,用於編寫jquery程式碼。

然後我們為每個標籤加上id,方便隱藏元素。


5

$(function(){

    $("#one").hide();

})

比如我們要id為one的標籤隱藏,那麼用hide即可。



6

$("#one").hide(1000);

我們也可以在hide裡面加入數位,數位表示多少時間後會消失,這樣就會產生一個漸漸消失的效果出來。



IT145.com E-mail:sddin#qq.com