<!DOCTYPE html>
<html>
<head>
<title>Title of the Document</title>
<script src="https://code.jquery.com/jquery-3.5.0.min.js"></script>
<style>
.box {
padding: 70px;
border: 8px solid #ccc;
text-align: center;
}
.box img {
width: 300px;
border: 5px solid #999;
}
</style>
</head>
<body>
<div class="box">
<img src="/uploads/media/default/0001/05/ba011983828560c9c6aff43876a655d7364933ae.png" alt="w3docs">
</div>
<script>
$(document).ready(function() {
$(".box").click(function() {
$(this).find("img").css("border-color", "blue");
});
});
</script>
</body>
</html>