jquery - jQueryでゆっくりとremoveAtt

Question

jQuery を使用して、DOM 内の SVG 要素を選択および操作しています。クラスを属性として扱うクラスを追加したり削除したりできるので、これはトリッキーでした。

jQuery のアニメーション効果を使用して属性を削除することはできますか?

$('rect').mouseover(function(){    
    $(this).attr('class','selected');
});

$('rect').mouseout(function(){
    $(this).removeAttr('class');
});

score 0 · Accepted Answer

奇妙なことに、.addClass、.removeClass、.toogleClass はこのコンテキストでは機能しません。それがSVGを使用しているからなのか、それとも何なのかをまだ読む必要があります。

ただし、CSS を介して必要なものに近づきました。

.selected {
    fill: orange;
    -moz-transition: fill easeout .5s;
}

ご協力ありがとうございました。

アップデート：

2 に答える 2