单击jquery图像边框

Question

为什么这不起作用？

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

<img class=char src=1.gif>
<img class=char src=2.gif>

当我点击其中一张图片时，我想要通过边框突出显示。

此外，我希望一次只能突出显示一个，但我想我会在之后看一下。

Answer 1

使用$（document）.ready（） - 您的当前jquery代码在dom中有针对性的html元素之前执行

<script type="text/javascript">
$(document).ready(function() {
    $(".char").click(function() {
        $(this).css('border', "solid 2px red");
    });
});
</script>