Javascript 如何使用jQuery更改SVG元素属性？

我正在使用SVG显示一些动画。但是作为SVG的新手，我正在简单地使用经过尝试和测试的jQuery动画来为SVG元素（如rect和circle等）设置动画

这不是…的复制品。。 我想换一个班级

到

我尝试了addClass（）和removeClass（）的普通jquery方法。由于HTML和SVG的DOM结构不同，因此无法正常工作

所以我使用插件来访问SVG元素和制作动画

卡在岩石和坚硬的地方之间

谢谢你的帮助

---

Thnx

要使用jQuerySVG插件实现这一点，请为rect提供一些自定义ID属性，并将其用作选择器。确保还包括jquery.svgdom.js

svgCanvas.polygon(group, getPoints(), { customID:'123', stroke: 'orange', strokeWidth: 2, class: 'my-class-1' });

现在要更改类，请使用此选择器：

var selector = 'svg polygon[customID="123"]';
$(selector).removeClass('my-class-1').addClass('my-class-2');

---

要使用jQuerySVG插件实现这一点，请为rect提供一些自定义ID属性，并将其用作选择器。确保还包括jquery.svgdom.js

svgCanvas.polygon(group, getPoints(), { customID:'123', stroke: 'orange', strokeWidth: 2, class: 'my-class-1' });

现在要更改类，请使用此选择器：

var selector = 'svg polygon[customID="123"]';
$(selector).removeClass('my-class-1').addClass('my-class-2');

---

Keith Wood的jQuery SVG有点过时。你应该考虑使用。D3.js也处理动画，但主要是一个数据可视化框架。谢谢。我会看看这些插件是否能满足我的要求。为什么不能只在任务的这一部分使用纯javascript？报告（或修复）jQuery本身的错误如何？Keith Wood的jQuery SVG有点过时。你应该考虑使用。D3.js也处理动画，但主要是一个数据可视化框架。谢谢。我将看看这些插件是否能满足我的要求。为什么不能只在任务的这一部分使用纯javascript？报告（或修复）jQuery本身的错误如何？