为什么我无法使用 jQuery 将类添加到 SVG 元素？

jQuery SVG：解决无法添加类的问题

使用 jQuery SVG 时，您可能会遇到从 SVG 对象添加或删除类的问题。在本文中，我们将调查原因并提供解决方案。

问题：

考虑以下代码：

<rect>

尽管能够在单击对象时触发警报，添加“clicked”类失败。

解决方案：

在 jQuery 3 之前，向 SVG 元素添加类是有问题的。不过，这个问题已在 jQuery 3 中得到解决。此外，现代浏览器支持 SVG 元素的普通 JavaScript classList.add('newclass') 方法。

替代 jQuery 方法：

如果你更喜欢坚持使用 jQuery，你可以直接使用操作类属性attr():

// Add "newclass"
$("#item").attr("class", "oldclass newclass");

// Remove "newclass"
$("#item").attr("class", "oldclass");

普通 JavaScript 方法：

要避免 jQuery 依赖，请使用以下普通 JavaScript 代码：

var element = document.getElementById("item");

// Add "newclass"
element.setAttribute("class", "oldclass newclass");

// Remove "newclass"
element.setAttribute("class", "oldclass");

以上是为什么我无法使用 jQuery 将类添加到 SVG 元素？的详细内容。更多信息请关注PHP中文网其他相关文章！