jQuery Button 空間是一種經典的jQuery UI Widget 空間,用于創建按鈕。它是基于HTML5的Button元素構建的,它構建了一系列的按鈕而不需要編寫任何的代碼,大大簡化了開發和設計工作。
// 創建一個簡單的按鈕 $(function() { $("#myButton").button(); }); // 帶有圖標的按鈕 $(function() { $("#myButton").button({ icons: { primary: "ui-icon-gear", secondary: "ui-icon-triangle-1-s" } }); }); // 按下按鈕時執行一個函數 $(function() { $("#myButton").button().click(function() { alert("按鈕被按下了!") }); });
在上述代碼中,首先使用了$("#myButton")為id為myButton的元素創建了一個簡單的按鈕。第二段代碼創建了一個帶有圖標的按鈕。在其中,icons選項通過給按鈕添加主要圖標和輔助圖標來定制圖標。最后,我們在按鈕被按下時執行了一個函數,使用了button()和click()方法來注冊按鈕點擊事件和執行函數。
可以通過運行演示例子來了解jQuery Button 空間的工作原理和應用方法。它可以被集成進任何項目中,為頁面添加多樣化的交互元素,提升用戶體驗和操作體驗。