Source Code:
(back to article)
Submit
Result:
Report an issue
<!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>