jquery的一些基本操作

115网盘极速上传控件v1.7.1.2 官方安装版

• 类型：下载工具大小：303KB语言：中文 评分：1.5
• 标签：

立即下载

首先页面需要应用jquery文件 如 <script type="text/javascript" src="文件地址"></script>

获取某个控件的方法：

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(值改变并失去焦点触发)

示例

<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);

}

对于服务器控件的button OnClientClick() 先于Onclick()事件 它触发的是js方法，一般用于验证页面返回一个bool值，如果返回false则不触发onclick()事件。