javascript - JQuery Image OnClick 添加边框

Question

我需要一些 JQuery 代码，以便我可以在单击图像时向图像添加 CSS 边框。

<img src="myimage" onclick="AddBorder();" />

Answer 1

如果您使用的是 jQuery，我建议您删除内联 onclick 处理程序，因为这是不太理想的绑定(bind)事件的方式:

<img src="http://jsfiddle.net/img/logo.png" />

然后只需设置一个简单的事件绑定(bind)器:

$(function () {
  $("img").click(function() {
    $(this).css('border', "solid 2px red");  
  });
});

这是一个 jsfiddle