我使用的是jQuery SVG.我不能向对象添加或删除类.有人知道我的错误吗？
SVG:
<rect class="jimmy" id="p5" x="200" y="200" width="100" height="100" />
不会添加类的jQuery:
$(".jimmy").click(function() {
$(this).addClass("clicked");
});
我知道SVG和jQuery可以很好地协同工作，因为我将对象作为目标，并在单击它时发出alert :
$(".jimmy").click(function() {
alert('Handler for .click() called.');
});
编辑2016:阅读下面两个答案.
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");