当前位置:Gxlcms > JavaScript > jQuery文本框得失焦点的简单实例_jquery

jQuery文本框得失焦点的简单实例_jquery

时间:2021-07-01 10:21:17 帮助过:3人阅读

版本一

css代码部分:

代码如下:

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

当焦点获得时,添加focus样式,添加边框,并改背景色为#fcc

html代码部分:

代码如下:





这里有两个input,一个textare框。

:input匹配 所有 input, textarea, select 和 button 元素。

jQuery代码部分:

代码如下: