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()="";
});