Javascript 单击或鼠标悬停向图像添加边框

我想向地图上选定的图像区域添加圆形边框，如何操作？

您可以使用jQuery：

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

你可以使用CSS

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

---

单击时使用以下JQuery代码：

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

---

我想在选定的图像区域标记上应用边框，边框应该是圆形的，我认为这没有帮助。我想在选定的图像区域标记上应用边框，边框应该是圆形的，我该怎么做？使用webkit边框半径：50%这个答案就可以了，遗憾的是，图像选择器没有任何id。它是从服务器端（ASP.NET）动态填充的，不允许添加任何id属性。

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