JQuery图像OnClick添加边框

Question

我需要一些JQuery代码，这样当我点击它时我就可以为图像添加CSS边框。

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

Answer 1

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

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

然后只需设置一个简单的事件活页夹：

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

这是jsfiddle

Answer 2

在onClick中，而不是AddBorder（）;，放置：

$(this).css("border","1px solid black");

Answer 3

呃......到目前为止你尝试了什么？

function AddBorder() { $(this).css('border','1px solid red'); }