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等等,具体使用时应根据场景需求加以选择。