JSFiddle - React, Tailwind, and code Playground

HTML

<table class="test">
        <tr>
              <td>
                  <img src="http://s15.postimg.org/ghwlqi5d3/koopa_561987.jpg" alt="" />  
            </td>
              <td>
                  <img src="http://s15.postimg.org/ghwlqi5d3/koopa_561987.jpg" alt="" />  
            </td>
              <td>
                  <img src="http://s15.postimg.org/ghwlqi5d3/koopa_561987.jpg" alt="" />  
            </td>
              <td>
                  <img src="http://s15.postimg.org/ghwlqi5d3/koopa_561987.jpg" alt="" />  
            </td>
              <td>
                  <img src="http://s15.postimg.org/ghwlqi5d3/koopa_561987.jpg" alt="" />  
            </td>
              <td>
                  <img src="http://s15.postimg.org/ghwlqi5d3/koopa_561987.jpg" alt="" />  
            </td>
    </tr>
</table>

CSS

table.test img {
    display:block;
    border: solid 4px transparent;
}
.test img:hover {
    border-color: orange;
}

.test img.active{
    border-color: orange;
}
}

JavaScript

$('.test img').on('click', function(){
        
    $(this).css({"border-color":"orange"});

})