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