JQuery $ 應用手記 (持續更新中)

來源:互聯網
上載者:User

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

    

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.