Simple Example of jQuery text box Gains and Losses focus _ jquery

This article mainly introduces a simple example of jQuery text box's gains and losses. If you need some help, please refer to it. Version 1

Css code:

The Code is as follows:

. Focus {
Border: 1px solid # f00;
Background: # fcc;
}

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

Html code:

The Code is as follows:

There are two inputs, one textare box.

: Input matches all input, textarea, select, And button elements.

JQuery code:

The Code is as follows: