単純な円があり、CSSを使用して拡大縮小したいとします。この相互作用は、円のクリックイベントをリッスンし、CSSクラス(エンドフレームアニメーションクラス)を追加することで実行されます。
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
<circle class='main-circle' cx="100" cy="50" r="40"
stroke="black" stroke-width="2" fill="red"/>
</svg>
この要素のクラス名は次のとおりです。
circleNode[0].className // SVGAnimatedString {animVal: "main-circle", baseVal: "main-circle"}
ここでjQueryの試み:
この場合、jQueryは機能しません(バグhttp://bugs.jquery.com/ticket/10329を参照)。プレーンなdomノードを持つclassNameも機能しません。
私の推測では、jQueryはSVGでのクラス操作をサポートしていませんが、それでも可能であるはずです。