Jquery如何获取控件ID

l  1、#id     用法: $(”#myDiv”);    返回值  单个元素的组成的集合

说明: 这个就是直接选择html中的id=”myDiv”

l  2、Element       用法: $(”div”)     返回值  集合元素

说明: element的英文翻译过来是”元素”,所以element其实就是html已经定义的标签元素,例如 div, input, a 等等.

l  3、class          用法: $(”.myClass”)      返回值  集合元素

说明: 这个标签是直接选择html代码中class=”myClass”的元素或元素组(因为在同一html页面中class是可以存在多个同样值的).

l  4、*          用法: $(”*”)      返回值  集合元素

说明: 匹配所有元素,多用于结合上下文来搜索

l  5、selector1, selector2, selectorN      用法: $(”div,span,p.myClass”)    返回值  集合元素 说明: 将每一个选择器匹配到的元素合并后一起返回.你可以指定任意多个选择器, 并将匹配到的元素合并到一个结果内.其中p.myClass是表示匹配元素

       p class=”myClass”

举例：

1.获取表单ID

2.获取后台代码控件的textbox 的ID

var username = $("#<%=username.ClientID %>");// 通过ClientID获取服务器控件ID

// 验证用户名

username.focus(function(){

$(this).next().text('用户名应该为3-20位之间').removeClass('state1').addClass('state2');

}).blur(function(){

if($(this).val().length >= 3 && $(this).val().length <=12 && $(this).val()!=''){

$(this).next().text('输入成功').removeClass('state1').addClass('state4');

ok1=true;

}else{

$(this).next().text('用户名应该为3-20位之间').removeClass('state1').addClass('state3');

}

});

<tr>

<td align="right" style="height: 78px; width: 277px;">用户名:

<td width=442 align="left" style="height: 78px"><asp:TextBox ID="username"

runat="server" Height="32px" Width="185px"></asp:TextBox>*

<div  style="position:absolute; "> <span class='state1'>请输入用户名</span></div></td> </td>

</tr>

3.获取前台控件input的ID

<input type="reset" id="res"  style="width: 70px"/>

//重置

$('#res').click(function(){

username.val()="";

password.val()="";

repass.val()="";

phone.val()="";

email.val()="";

});