 
<script type="text/javascript"> 
$(function(){ 
$(":input").focus(function(){ 
$(this).addClass("focus"); 
}).blur(function(){ 
$(this).removeClass("focus"); 
}); 
})//這個(gè)效果第三個(gè)textarea也會(huì)添加樣式 
</script> 
<form action="" method="post" id="regForm"> 
<fieldset> 
<legend>個(gè)人基本信息</legend> 
<div> 
<label for="username">名稱:</label> 
<input id="username" type="text" /> 
</div> 
<div> 
<label for="pass">密碼:</label> 
<input id="pass" type="password" /> 
</div> 
<div> 
<label for="msg">詳細(xì)信息:</label> 
<textarea id="msg" rows="2" cols="20"></textarea> 
</div> 
</fieldset> 
</form> 

您可能感興趣的文章:

input

相關(guān)文章

jQuery實(shí)現(xiàn)彈窗居中效果類似alert()
本文給大家分享基于jquery實(shí)現(xiàn)彈窗居中效果類似于alert(),代碼簡(jiǎn)單易懂，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的的朋友參考下
2017-02-02
防止jQuery ajax Load使用緩存的方法小結(jié)
本篇文章主要是對(duì)防止jQuery ajax Load使用緩存的方法進(jìn)行了介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助
2014-02-02
快速解決jquery之get緩存問題的最簡(jiǎn)單方法介紹
要解決該問題有很多辦法，最直接的是把$.get()方法換成$.ajax()，然后配置cache:false即可。我不喜歡$.ajax()繁瑣的配置方式，可采取以下最簡(jiǎn)單方式實(shí)現(xiàn)
2013-12-12
使用jQuery實(shí)現(xiàn)簡(jiǎn)單穿梭框方式
這篇文章主要介紹了使用jQuery實(shí)現(xiàn)簡(jiǎn)單穿梭框方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2022-10-10
使用jquery實(shí)現(xiàn)輪播圖效果
這篇文章主要為大家詳細(xì)介紹了使用jquery實(shí)現(xiàn)輪播圖效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-01-01
jQuery淡入淡出元素讓其效果更為生動(dòng)
把一個(gè)元素淡出或淡入可以達(dá)到更為生動(dòng)的效果，在任何一種情況下，都只是隨著時(shí)間來改變?cè)氐耐该鞫?/div> 2014-09-09
jQuery文字輪播特效
本文給大家分享的是jQuery制作文字輪播的特效，非常的實(shí)用，屬于作者原創(chuàng)代碼，分享給大家
2017-02-02
jQuery鼠標(biāo)懸停內(nèi)容動(dòng)畫切換效果
本篇文章主要介紹了jQuery鼠標(biāo)懸停內(nèi)容動(dòng)畫切換效果的實(shí)例。具有很好的參考價(jià)值。下面跟著小編一起來看下吧
2017-04-04
jQuery插件FusionWidgets實(shí)現(xiàn)的Cylinder圖效果示例【附demo源碼】
這篇文章主要介紹了jQuery插件FusionWidgets實(shí)現(xiàn)的Cylinder圖效果,結(jié)合實(shí)例形式分析了jQuery使用FusionWidgets結(jié)合swf文件讀取xml數(shù)據(jù)并采用Cylinder圖展示的相關(guān)實(shí)現(xiàn)技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下
2017-03-03
jQuery 2.0.3 源碼分析之core（一）整體架構(gòu)
這篇文章主要介紹了jQuery 2.0.3 源碼分析之core（一）整體架構(gòu),需要的朋友可以參考下
2014-05-05