如何使用 JavaScript 和 jQuery 透過按鈕動態顯示和隱藏 Div？

使用按鈕動態顯示和隱藏Div

建立一個切換div 可見性的按鈕可以是一個簡單的任務，只需使用適當的程式技術。

要切換 div 的可見性，JavaScript 和 jQuery 提供了多種選項。讓我們探索每種方法：

純JavaScript：

var button = document.getElementById('button'); // Assumes element with>

此JavaScript 程式碼使用其「id」檢索div，並在「none」（隱藏）之間切換和基於其當前顯示的“阻止”（可見）

jQuery：

jQuery 提供了更簡潔的方法：

$("#button").click(function() { 
    // assumes element with>

jQuery 的「toggle」功能自動切換div 的可見性ID為“newpost”。

JavaScript 和 jQuery 都允許您輕鬆切換 div 的可見性點擊按鈕，增強 Web 應用程式的使用者體驗。

以上是如何使用 JavaScript 和 jQuery 透過按鈕動態顯示和隱藏 Div？的詳細內容。更多資訊請關注PHP中文網其他相關文章！