Highlighting a text box using jquery

Question

Is it possible to highlight the border of a text box/make the background colour of a text box change colour, when clicked using jquery?

All I can find are pieces of code relating to highlighting text inside the text box, not the box itself.

Thanks

Answer 1

$("#mytextbox").focus(function(){
  $(this).addClass("focused");
});

$("#mytextbox").blur(function(){
  $(this).removeClass("focused");
});

.focused{
  border: solid 1px red;
  }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<input type="text" id="mytextbox" value="Hello There !" />