将类添加到焦点上的输入

Question

我正在寻求帮助，我有这个输入

<div class="input-field section scrollspy col s12 m12 l6">
     <i class="material-icons prefix">today</i>
     <input name="INICIO" id="fechaInicio" type="text" class="datepicker" minlength=10 placeholder="##-##-####" pattern="[0-9-]{10}"> 
     <label for="fechaInicio" data-error="Incorrecto" data-success="Correcto" class="active">Fecha de Nacimiento</label>
</div>

我希望在它集中时将类“有效”添加到它，但我对Jquery不太了解，有谁能帮我解决我的小问题？感谢。

Answer 1

您可以使用以下jQuery。它只使用focusin()（相当于onfocus）和focusout()（相当于onblur）事件处理程序来添加和删除类（addClass()和{{1分别）。

编辑已更新以显示jQuery的正确用法。

removeClass()

请参阅JSFiddle.net上的a working example。