image - 点击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 代码在目标 html 元素在 dom 中可用之前执行

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