jQuerySVG，为什么我不能添加类呢？

Question

jQuerySVG，为什么我不能添加类呢？

我正在使用jQuerySVG。我不能向对象添加或移除类。有人知道我的错误吗？

SVG：

<rect class="jimmy" id="p5" x="200" y="200" width="100" height="100" />

不添加类的jQuery：

$(".jimmy").click(function() {
    $(this).addClass("clicked");});

我知道SVG和jQuery合作得很好，因为我能，会，可以目标对象并在单击对象时发出警报：

$(".jimmy").click(function() {
    alert('Handler for .click() called.');});

Answer 1

阅读接下来的两个答案。jQuery 3修复了根本问题香草JS：element.classList.add('newclass')在现代浏览器中工作。jQuery(小于3)不能向SVG添加类。.attr()使用SVG，所以如果您想依赖jQuery：// Instead of .addClass("newclass")$("#item").attr("class", "oldclass newclass"); // Instead of .removeClass("newclass")$("#item").attr("class", "oldclass");如果您不想依赖jQuery，那么：var element = document.getElementById("item");// Instead of .addClass("newclass")element.setAttribute("class", "oldclass newclass"); // Instead of .removeClass("newclass")element.setAttribute("class", "oldclass");

Answer 2

的确有元素类列表在DOMAPI中，它同时适用于HTML和SVG元素。不需要jQuerySVG插件，甚至不需要jQuery。$(".jimmy").click(function() {     this.classList.add("clicked");});