Javascript/jQuery图例小部件

是否有一个JS/jQuery小部件可以让我显示一个简单的图例，例如，它旁边包含一个小的彩色矩形和一个文本标签

在这种特定情况下，图例将在一个内联jQuery UI datepicker小部件中显示不同颜色代码背后的含义，该小部件将被定制为允许用户进行多个选择，并在特定日期显示不同的颜色

---

事实上，我需要的东西看起来与此页面页脚的SO站点列表完全相同（但理想情况下垂直列在选择器旁边）。因此，如果没有现成的解决方案，我想我会尝试查看此页面来源。

您必须将其交给StackOverflow工作人员。他们创造传奇的方法非常聪明。基本上，他们使用这个角色■ （ASCII 254）代替任何图像或div。它们将其插入一个span中，该span使用字体大小和颜色属性设置样式。它旁边是一个样式化的锚标记。冲洗并重复

它特别聪明的地方在于，它适合在div中内联并在基线上对齐！让我再说一遍：它在基线上排列！因此，在图像偏移量等方面没有差异。这对使其变得如此简单的用户界面工程师来说是小贴士。谢谢你提醒我注意这一点，否则我可能永远不会去看和学习

编辑：ASCII 254不正确。

产生的实际值■".charCodeAt（0）

是9632，可能是某种Unicode风格。外观和形状相同，但值不同