jquery的一些基本操作
- 时间:2015年04月02日 15:24:29 来源:魔法猪系统重装大师官网 人气:14561
首先页面需要应用jquery文件 如
获取某个控件的方法:
Var myControl= $("#controlID") ;
如果要获取的控件是服务器控件(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();
设置样式(style里面的一些属性) $(myControl).css(key,value);
设置控件文字颜色为红色:$(myControl).css("color","red");
获取样式的方法为 var myColor=$(myControl).css(key);
设置属性(譬如class、readonly) $(myControl).attr(key,value);
$(myControl).attr("readonly"," true"); //设置控件属性为只读
获取控件属性值的方法为 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
对于不是服务器控件的事件调用的是js方法,譬如text输入框的onfocus(获取焦点)、onblur(失去焦点)、
onclick(点击)、onchange(值改变并失去焦点触发)
示例
Js方法: function ChangeText (msg){
$( myText).val(msg);
}
操作本控件
Js方法: function ChangeText (msg,obj){
$( obj).val(msg);
}
对于服务器控件的button OnClientClick() 先于Onclick()事件 它触发的是js方法,一般用于验证页面返回一个bool值,如果返回false则不触发onclick()事件。