JQuery $ 应用手记 (持续更新中)

本文介绍了在ASP.NET中使用jQuery进行事件绑定的方法,包括点击、失焦等常见事件的处理,以及如何通过jQuery简化多个按钮事件绑定的过程。此外,还讲解了如何获取DOM元素和服务器控件的ID,对元素进行显示、隐藏操作,获取元素的值或文本内容,以及一些基本的JavaScript数组操作。

JavaScript

JQuery

注册事件

   

<asp:Button ID="button" Text="按钮" runat="server"

OnClientClick="javascript:ClickEvent();" />

$("#<%=button.ClientID %>").click(isClick);

$("#<%=button.ClientID %>").blur(isBlur);

     

或者

     

$("#<%=button.ClientID %>").blur(function(){

isBlur();

});

   

获取控件ID

   

document.getElementById('trRemark')

$("#trRemark")

获取服务器控件ID

   

document.getElementById('<%= button.ClientID%>')

$("#<%=button.ClientID %>")

显示、隐藏HtmlElements

   

document.getElementById("tr").style("display","inline");

document.getElementById("tr").style("display","none");

$("#tr").show();

$("#tr").hide();

$("#tr").toggle();

获取值\文本

   

document.getElementById("txt").value

document.getElementById("txt").innertext

   

$("#<%= txt.ClientID%> ").val()

$("#<%= txt.ClientID%> ").text()

$("#<%=DropDownList.ClientID %> option:selected").text()

Array

   

var arr = new Array();

arr[0] = "A";

arr[1]=b;

arr[2]="c";

var arr = ["A",b,"c"];

判断Array中是否有false

   

 for (var i = 0; i < entryArray.length; i++) {

                    if (entryArray[i] == false) {

                        flag = false;

                        break;

                    }

                }

                if (flag == false) {

                   //TODO

                }

   

If ($.inArray("false",entryArray) != -1) {

//TODO

}

   

判断是否对象是undefined

   

typeof (document.getElementById('trRemark ')) != "undefined"

typeof trRemark != 'undefined'

加载样式

   

   

$("#<%=button.ClientID %>").css("borderColor", "red");

对元素进行赋值

   

document.getElementById("textbox").value = "1234";

$("#textBox").val("1234");

IndexOf

   

JS包含关系

indexOf()方法

如果返回>=0则表明包含,否则不包含

var a="TestHelloWord";

document.write(a.indexOf("Hello"));

   

$("#textBox").val().indexOf("Hello") < 0

  发现包装元素集合的add()比较不错
解决我早前的一个疑问:
$("#<%=button1.ClientID %>").click(ClickEvent);
$("#<%=button2.ClientID %>").click(ClickEvent);
$("#<%=button3.ClientID %>").click(ClickEvent);
以上这三个按钮的事件都是一样的。
我不每次都这样写。那如何简化一下呢
使用add()
$("#<%=button1.ClientID %>")
.add("#<%=button2.ClientID %>")
.add("#<%=button3.ClientID %>")
.click(ClickEvent);

    

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值