Jquery 造型<；面积>；使用CSS的HTML标记不起作用

我有一个工作示例：

通过在输入字段中键入“a”，选定区域标记将获得另一个不透明度：

$( "area[data-name^='" + input + "']" ).css( "opacity" , ".25" )

但问题是，即使jQuery代码正确执行，也不会产生视觉效果

---

任何人都可以帮助在区域标记上获得视觉效果吗？

区域标记只定义了用户可以单击的空间，没有它的视觉表示，因此您不能直接使用CSS来设置它的样式

您可能希望使用JavaScript在图像映射的顶部覆盖一个透明图像，以完成您正在尝试的操作：

:

---

我不知道你想做什么。您是否希望将图像的四分之一变成半透明？这根本不是地图的用途，它们也不能做你想做的事情。有什么解决方法吗？只是为了让区域看起来不同，例如透明度、灰度？？有没有办法通过jquery向每个区域和样式添加类？没有。这不是

的目的。您不能使用它来应用样式，它是用于此作业的错误工具。考虑使用四<代码> <代码>标签，每个集合使用该图像作为背景，但是锚定它们一起缝合。然后你可以独立调整它们的不透明度。我用列表标签在区域周围找到了另一种方法：但是仍然没有视觉效果，有人可以帮我吗？我找到了一个解决方法：，但是仍然没有视觉效果？你能参考一下吗？不确定你的意思吗？当我在输入字段中键入“a”时，数据名为“abc”的列表元素应该有不同的不透明度，但它没有，你知道为什么吗？总有办法，但只要我不确定你在做什么，就很难说了。此外，我为你指出了重要的观点，并提供了其他解决方案——显然这些对你不好？你的解决方案不是我想要解决的方式：/对不起。看看我的例子：，现在你知道我想做什么了。如果输入与其中一个数据名匹配，则其区域应获得其他不透明度/灰度。但目前还没有视觉效果。你能直接参考这个例子吗？