如何使用JQuery在悬停时更改嵌入式SVG文件填充颜色？

Question

我有一个很大的元素，包括SVG嵌入元素（外部文件）。我想在a：hover上更改其填充颜色。你会怎么做？它真的让我发疯：）

我认为应该起作用的是：

$("a#title").hover(function() {
$("svg#logo").attr('fill','#f0f');
});

Answer 1

我从未专门做过这个，但看起来这个家伙有一个你可以使用的jquery插件here.

Answer 2

当svg在html中内联时，你有什么可以。但是当它通过引用嵌入（embed，object，iframe，img）时，svg实际上是一个单独的文档。您可以将此视为尝试更改由iframe引用的html文档中的属性。

svg里面的链接？如果是这样，你可以将样式/脚本放在svg。

中

这里的an example更改了html文档（embed，object，iframe）中svg形状的填充。