jQuery的show()方法可以使元素變為可見狀態。如果你想在你的網頁上展示一個隱藏的div,那么show()方法是非常有用的。
// HTML代碼 <div id="content" style="display:none;"> <p>這是一個隱藏的div。</p> </div> // jQuery代碼 $(document).ready(function(){ $('#content').show(); });
代碼解釋:
$(document).ready()方法用于在文檔準備好后執行jQuery代碼。 show()方法將特定的元素設置為可見狀態,如果它是隱藏的。 在這個例子中,我們將一個id為"content"的div元素隱藏起來,然后通過show()方法將它顯示出來。
需要注意的是,show()方法只能作用于display屬性被設置為none的元素。如果一個元素的display屬性被設置為其他的值,如inline或block,則show()方法將不會生效。
現在你已經知道如何使用jQuery的show()方法了,可以開始在你的網頁上展示隱藏的div了。