如何使用 jQuery Mobile 制作加号图标？

jQuery Mobile 是一个基于 jQuery 的移动端 UI 框架，可以让开发者更轻松地创建优秀的移动 WEB 应用程序。

对于制作加号图标，在 jQuery Mobile 中有两种常用方式：

使用内置图标

jQuery Mobile 提供了丰富的内置图标，其中包括加号图标。可以通过以下代码将加号图标添加到按钮或链接中：

<a href="#" class="ui-btn ui-icon-plus ui-btn-icon-left">Add</a>

其中，ui-icon-plus 表示加号图标，ui-btn-icon-left 表示将图标置于按钮文本左侧。

详细的内置图标可以参考官方文档：jQuery Mobile Icons

自定义图标

如果需要自定义加号图标的样式，可以通过 CSS 来实现。

首先，需要准备一张包含加号图标的图片，并将其保存为 PNG 或 SVG 格式。

然后，可以通过以下代码将图片作为 background-image 添加到按钮或链接中：

<a href="#" class="ui-btn custom-plus-icon ui-btn-icon-left">Add</a>

.custom-plus-icon {
  background-image: url('path/to/your/custom-plus-icon.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

其中，.custom-plus-icon 表示自定义图标类名，url() 中填写图片路径，background-size: contain 表示保持原始图片宽高比自适应大小。

这样，就可以方便地在 jQuery Mobile 中制作加号图标了。