JQuery Image 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'); }