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> 

Я хочу, чтобы он выделял границу, когда я нажимаю одно из изображений.

Также я хотел бы, чтобы только один был выделен сразу, но я думаю, что посмотрю на это после.

Answer 1

использование $ (документ) .ready() - текущий код JQuery выполняет перед целевыми HTML элементы доступны в йоте

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