如何将复选标记作为字符放置

Question

$("#status").html('<img src="available.png">Available');  

我想要一个 chekMark 字符，而不是复选标记图片。
有办法吗？

Answer 1

您可以使用 U+2713(复选标记符号 ✓(：

$("#status").text("u2713 Available"); 

Answer 2

尝试

$("#status").html('✓');

Answer 3

尝试以下任一

✓

✓

一个

是十六进制，一个是十进制。 如果我不把代码标记放在它们周围，你会得到

✓

✓

Answer 4

看到这个： http://www.danshort.com/HTMLentities/index.php?w=dingb

✓或✔

虽然我必须说我认为图片是更好的选择：你可以稍后随时修改它，而无需更改你的代码。

Answer 5

试试这个：

十进制：

✓

或十六进制：

✓

示例：$("#status").html('✓');

Answer 6

您还可以在 Web 字体中使用复选标记。

这个问题(和答案(现在已经有五年了。 为了那些来自谷歌的人，我想添加另一个近年来可用的选项，但在以前的答案中没有提到。

你当然仍然可以使用Unicode字符(.html("✓")或.text("u2713")，但在过去几年中，网络字体变得越来越普遍。 例如，材质图标有一个复选标记：https://material.io/icons/#ic_check

谷歌(制作和维护材料图标(在解释网络字体以及如何在这里使用它们方面也做得很好：https://google.github.io/material-design-icons/

基本上，Web字体是两全其美的：图像的自定义和字体字符的使用/动态。与 unicode 字符相比，使用 Web 字体的优点是：

• 控制样式(您可以制作自己的任何样式的Web字体字符，而Unicode字符就是它们(
• 使用多种样式(您可以针对不同情况制作具有多种复选标记样式的 Web 字体;您不会被锁定在一种样式中(
• 代码可读性(很少有开发人员知道u2713或&#10003的含义，但<i class="myfont">check</i>很容易理解
• 可移植性：尽管每个主要浏览器默认使用 Unicode 字体，但仍有一些计算机或设备可能默认使用非 Unicode 字体呈现。事实上，维基百科目前的 unicode 字体列表相当长，但每种字体之间支持的字符差异很大，并且不同平台呈现每种字体的方式存在明显差异。 包括 Web 字体可确保每个用户都看到相同的内容，无论平台或默认字体如何。
• 更多选项：安装Web字体允许您更新样式，向字体添加新图标/字符等。 目前没有办法用 unicode 做到这一点。