jQuery是一個非常流行的JavaScript庫,可以簡化開發人員的工作。其中一個很有用的功能是鼠標點擊顯示和隱藏div元素。以下是一個例子:
//當文檔準備完畢時運行代碼 $(document).ready(function(){ //當單擊button元素時運行代碼 $("button").click(function(){ //切換div的可見性 $("div").toggle(); }); });
上面的代碼使用了jQuery的toggle()函數。這個函數在元素的可見性之間切換,如果元素在可見狀態下,則隱藏它,如果元素在隱藏狀態下,則顯示它。
下面是一個HTML部分的例子:
<!DOCTYPE html> <html> <head> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> </head> <body> <button>點擊切換</button> <div> <p>這是一個隱藏的div元素。</p> </div> </body> </html>
在上面的例子中,當用戶單擊“點擊切換”按鈕時,div元素將會在“隱藏”和“顯示”之間切換。