jquery中:input和input的区别分析

224 阅读 0 评论 148 点赞

我是靠谱客的博主危机树叶，最近开发中收集的这篇文章主要介绍jquery中:input和input的区别分析，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

复制代码代码如下:

 
<script type="text/javascript"> 
$(function(){ 
$(":input").focus(function(){ 
$(this).addClass("focus"); 
}).blur(function(){ 
$(this).removeClass("focus"); 
}); 
})//这个效果第三个textarea也会添加样式 
</script> 
<form action="" method="post" id="regForm"> 
<fieldset> 
<legend>个人基本信息</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">详细信息:</label> 
<textarea id="msg" rows="2" cols="20"></textarea> 
</div> 
</fieldset> 
</form> 