jQuery Mobile-图标

jQuery Mobile提供了一组丰富多彩的图标，可以让开发者在移动端应用中方便地使用。

用法

jQuery Mobile图标是通过添加class的方式实现的。使用方式如下：

<i class="ui-icon ui-icon-home"></i>

其中，ui-icon是必须的class，用来指定元素为图标。ui-icon-home是指定的具体图标，可以参考官方文档中的图标列表进行选择。

图标列表

jQuery Mobile提供了丰富的图标，可以通过官方文档查看列表并选择合适的图标。

以下是部分图标的示例：

• ui-icon-home
• ui-icon-bars
• ui-icon-gear
• ui-icon-info
• ui-icon-delete
• ui-icon-search

详细的图标列表可以参考官方文档：https://demos.jquerymobile.com/1.4.5/icons/

自定义图标

如果需要自定义图标，可以通过使用CSS样式实现。示例代码如下：

.custom-icon:after {
  content: "\e123";
  font-family: "FontAwesome";
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
}

其中，.custom-icon是自定义图标的class，后面的代码定义了图标的具体样式。需要注意的是，这里使用了FontAwesome字体库，而不是jQuery Mobile提供的默认字体库。

总结

jQuery Mobile提供了一组丰富多彩的图标，方便开发着在移动端应用中使用。我们可以通过添加class实现使用，也可以通过CSS样式自定义图标。具体的使用方法和图标列表可以参考官方文档。