使用 jQuery SVG 选择操作现有元素

Question

jQuery SVG 网站上的所有示例似乎都是为了在 javascript 中构建 SVG 对象并在其中构建新元素。它并没有过多地谈论操纵现有标记。

问题：

我有一个现有的 SVG 对象，其中包含连接到 javascript 函数的事件。我想使用 jQuery SVG 获取事件目标（在本例中为 SVG Path 元素）和.animate()。

然而，简单的$(myElement).animate() 似乎不起作用。手头的问题似乎是 $(myElement) 不接受 SVG 对象参数或其他东西。

奇怪的是，动画完成回调似乎有效，但我尝试使用它的任何动画类型都不起作用。

我不相信它正确地将事件目标识别为 SVG <path>。

即使直接操作路径的属性似乎也不起作用（使用.attr()）

事实上，我知道myElement 是一个有效的 SVG 路径，因为如果我使用基本的 JS DOM 技术，比如用.setAttribute() 更改类，它就可以正常工作。

Answer 1

也许这个可以帮助你：http://keith-wood.name/svgRef.html#support 仅取自此页面的示例： $(shape).animate({svgFill: 'lightblue'}, 2000);