javascript - クリックまたはマウスホバーで画像に境界線を追加する

Question

マップ上の選択した画像領域に丸い境界線を追加したいのですが、どうすればよいですか?

Answer 1

jQuery を使用できます。

$('body').on('click', 'img', function() {
    $(this).addClass('with-round-corners');
});

Answer 2

img
{
border:0px;
}
img:hover
{
border:1px solid black;
border-radius:5px;
}

Answer 3

クリック時に以下のJQueryコードを使用します。

$(imageAreasSelector).css({ 'border': '1px solid Red' });
$(imageAreasSelector).css({ 'border-radius': '5px' });

Answer 4

CSSを使用できます

img{
    border:none;
}
img:hover{
    border:1px solid;
}