jQuery UI提供了一套圖標集,用于豐富網頁的視覺效果。這些圖標可以用于按鈕、導航等組件中,更好地指示用戶操作和提供視覺反饋。
下面列舉一些常用的jQuery UI圖標及其含義:
ui-icon-carat-1-n: 向上箭頭 ui-icon-carat-1-ne: 向右上箭頭 ui-icon-carat-1-e: 向右箭頭 ui-icon-carat-1-se: 向右下箭頭 ui-icon-carat-1-s: 向下箭頭 ui-icon-carat-1-sw: 向左下箭頭 ui-icon-carat-1-w: 向左箭頭 ui-icon-carat-1-nw: 向左上箭頭
這些箭頭圖標常用于展開收縮菜單、折疊內容等場景。
ui-icon-info: 提示信息 ui-icon-help: 幫助信息 ui-icon-circle-check: 成功狀態 ui-icon-alert: 警告狀態 ui-icon-circle-close: 關閉 ui-icon-notice: 通知
這些圖標常用于表單驗證、提示等場景,能夠直觀地告知用戶當前狀態。
除此之外,jQuery UI還提供了很多其他的圖標,例如ui-icon-grip-diagonal-se、ui-icon-heart等等,具體使用時應根據場景需求加以選擇。