Run
Reset
Chrome
Cobalt
Monokai
Dreamweaver
Vibrant Ink
<!DOCTYPE html> <html> <head> <title>Learning jQuery</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> </head> <body> <img src="https://picsum.photos/200" alt="A random image" /> <br> <button>Button</button> </body> </html>
.frame{ border: 10px solid brown; box-shadow: 5px 10px #888888; }
$(document).ready(function(){ // Add a class and title attribute to all the images $("button").click(function(){ $("img").attr({ "class" : "frame", "title" : "A random image" }); }); });