源代碼
點擊運行
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery UI 按鈕(Button) - 圖標</title> <link rel="stylesheet" href="//apps.bdimg.com/libs/jqueryui/1.10.4/css/jquery-ui.min.css"> <script src="//apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script> <script src="//apps.bdimg.com/libs/jqueryui/1.10.4/jquery-ui.min.js"></script> <link rel="stylesheet" href="jqueryui/style.css"> <script> $(function() { $( "button:first" ).button({ icons: { primary: "ui-icon-locked" }, text: false }).next().button({ icons: { primary: "ui-icon-locked" } }).next().button({ icons: { primary: "ui-icon-gear", secondary: "ui-icon-triangle-1-s" } }).next().button({ icons: { primary: "ui-icon-gear", secondary: "ui-icon-triangle-1-s" }, text: false }); }); </script> </head> <body> <button>只帶有圖標的按鈕</button> <button>圖標在左側的按鈕</button> <button>帶有兩個圖標的按鈕</button> <button>帶有兩個圖標且不帶文本的按鈕</button> </body> </html>
運行結果