2021-05-12 14:32:11
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裡面加入數位,數位表示多少時間後會消失,這樣就會產生一個漸漸消失的效果出來。
相關文章