首先頁面需要應(yīng)用jquery文件 如 <script type="text/javascript" src="文件地址"></script>
獲取某個控件的方法:
Var myControl= $("#controlID") ;
如果要獲取的控件是服務(wù)器控件(runat=”server”的)獲取控件的方法為
Var myControl= $("#<%=controlID.ClientID %>") ;
獲取控件值(文本):
Var myValue=$(“#controlID”).val();
Span、Div、label控件獲取值的方式為 Var myValue=$("#controlID").text();
賦值方法為 $(“#controlID”).val(newValue);
同理span等要用Var myValue=$(“#controlID”).text();
設(shè)置樣式(style里面的一些屬性) $(myControl).css(key,value);
設(shè)置控件文字顏色為紅色:$(myControl).css("color","red");
獲取樣式的方法為 var myColor=$(myControl).css(key);
設(shè)置屬性(譬如class、readonly) $(myControl).attr(key,value);
$(myControl).attr("readonly"," true"); //設(shè)置控件屬性為只讀
獲取控件屬性值的方法為 var myAttr= $(myControl).attr(key);
移除某個屬性removeAttr(key);如移除樣式:$(myControl). removeAttr ("style");
去除前后空格 $.trim(value);
更改控件事件 $(myControl).bind(event,functionName);
譬如更改onclick事件可以寫成$(myControl).bind("click","NewFunction");
或者$(myControl).click("NewFunction");
對于已知控件的操作
Var myControl= $("#controlID") ;
Var controlVal= myControl.val(); //Error
Var controlVal=$(myControl).val(); //Right
對于不是服務(wù)器控件的事件調(diào)用的是js方法,譬如text輸入框的onfocus(獲取焦點)、onblur(失去焦點)、
onclick(點擊)、onchange(值改變并失去焦點觸發(fā))
示例
<input type="text" id="myText" onfocus="ChangeText('you focus me!')" onblur="ChangeText('ok,you blur!')"/>
Js方法: function ChangeText (msg){
$( myText).val(msg);
}
操作本控件
<input type="text" id="myText" onfocus="ChangeText('you focus me!',this)" onblur="ChangeText('ok,you blur!',this)"/>
Js方法: function ChangeText (msg,obj){
$( obj).val(msg);
}
對于服務(wù)器控件的button OnClientClick() 先于Onclick()事件 它觸發(fā)的是js方法,一般用于驗證頁面返回一個bool值,如果返回false則不觸發(fā)onclick()事件。