在網站設計中,很多時候需要控制一些圖片的顯示和隱藏。JQuery的hide()和show()方法可以輕松實現這個功能。
假設我們現在要隱藏一張圖片,可以用以下代碼:
$(document).ready(function(){ $("img").hide(); });
在上面的代碼中,我們使用$("img")選中所有的圖片,然后使用hide()將它們全部隱藏。
但是如果我們只想隱藏某一張特定的圖片,該怎么辦呢?可以使用圖片的id屬性進行選擇。
$(document).ready(function(){ $("#my-image").hide(); });
在上面的代碼中,我們通過選擇器$("#my-image")選中了id為my-image的圖片,并將其隱藏。
當然,如果需要移除圖片的隱藏狀態,可以使用show()方法來實現。例如:
$(document).ready(function(){ $("#my-image").show(); });
除了hide()和show()方法,JQuery還提供了toggle()方法,可以在隱藏和顯示之間切換圖片的狀態。
$(document).ready(function(){ $("#my-image").toggle(); });
總的來說,JQuery的hide()、show()和toggle()方法是圖片控制中非常常用的方法。通過ID選擇器和標簽選擇器,我們可以靈活地控制特定的圖片或者一組圖片的顯示和隱藏狀態。
上一篇div 模擬 框架