Run
Reset
Chrome
Cobalt
Monokai
Dreamweaver
Vibrant Ink
<!DOCTYPE html> <html lang="en"> <head> <title>Learning jQuery</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> </head> <body> <input type="text" placeholder="Text Field 1"/><br> <input type="text" placeholder="Text Field 2"/><br> <input type="text" placeholder="Text Field 3"/><br> </body> </html>
/* CSS */
$(document).ready(function(){ $("input").focus(function(){ $(this).css("backgroundColor", "yellow"); }); $("input").blur(function(){ $(this).css("backgroundColor", "white"); }); });