jquery image border on click

Question

これはなぜ機能しませんか？

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

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

画像の1つをクリックすると、境界線で強調表示します。

また、一度に強調表示されるのは1つだけですが、後で見ていきたいと思います。

Answer 1

使用$（ドキュメント）.ready（） - あなたの現在のjqueryのコード実行対象のHTML要素がDOMで利用可能になる前に

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