Home  >  Article  >  Web Front-end  >  A simple example of jQuery text box gaining and losing focus_jquery

A simple example of jQuery text box gaining and losing focus_jquery

WBOY
WBOYOriginal
2016-05-16 16:59:38889browse

Version 1

css code part:

Copy code The code is as follows:

.focus {
border: 1px solid #f00;
background: #fcc;
}

When focus is obtained, add focus style, add border, and change the background color to #fcc

html code part:

Copy code The code is as follows:


                                                                                                          
                                                                                                                                                                                                                                       t;

  lt;/div> ; & Lt; div & gt;
& lt; label for = "msg" & gt; detail: & lt;/label & gt;
& lt; textarea id = "msg" rows = "2" color = "20" >
; Two inputs and one textare box.

:input matches all input, textarea, select and button elements.

jQuery code part:




Copy code


The code is as follows: