JQuery图像OnClick添加边框

JQuery Image OnClick Add Border

本文关键字：边框 添加 OnClick 图像 JQuery      更新时间：2023-09-26

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

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

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

<img src="http://jsfiddle.net/img/logo.png" />
然后设置一个简单的事件绑定: 
$(function () {
  $("img").click(function() {
    $(this).css('border', "solid 2px red");  
  });
});

这里有一个jsfield

在onClick中，代替AddBorder();，位置:

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

呃…到目前为止你都尝试过什么?

function AddBorder() { $(this).css('border','1px solid red'); }
相关文章：