Ryan的blog

在一般的ASPX中，拉出一個微軟控制項

    <asp:Label ID="Label2"  runat="server" Text="Label"></asp:Label>

在經過編譯產生的html 的生成

<span id="Label2">Label</span>

但在設有主版頁面的ASPX中，編譯後生成的會長成這樣

<span id="ctl00_ContentPlaceHolder1_Label2">Label</span>

在使用JQuery的Selectors，就變得相當不直覺

當然我們也可以在頁面產生之後，去看原始碼，再把要選擇的物件，找出產生後的id值

$('#ctl00_ContentPlaceHolder1_Label2')

但以下提供兩種方法，可以更快、更直覺的方式，來找到你要的JQuery物件

1.在編譯網頁前，將需要的尋找的控制項加上class屬性

aspx部分:

    <asp:Label ID="Label2"  class="Label2"  runat="server" Text="Label"></asp:Label>

在JQuery的部分:

$(".Label2").click( );

2.就是利用ASPX的角括號<% %>

在JQuery的部分:

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

但是某些ASP控制項,例如CheckBox 設定class就沒辦法直接呼叫到

以上提供給大家參考