jquery通过id获取元素 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()="";
         });