用jQuery访问ASP.Net WebControl的ClientID方法

最新推荐文章于 2020-03-14 13:27:16 发布

wenle006

最新推荐文章于 2020-03-14 13:27:16 发布

阅读量1.5k

点赞数

分类专栏： JS .net/c# 文章标签： jquery asp.net div textbox 服务器 server

JS 同时被 2 个专栏收录

28 篇文章 0 订阅

订阅专栏

.net/c#

15 篇文章 0 订阅

订阅专栏

aspx

<asp:textbox runat="server" id="txtMessage" textmode="SingleLine">some strings here...</asp:textbox>

html
<input name="ctl00$txtMessage" id="ctl00_txtMessage" type="text" value="some strings here..." />

说明

ClientID 服务器控件生成为HTML代码时所对应的id，需要在客户端访问时候用的，一般情况下与服务器端的 ID 相同，如果是控件嵌套则一般每层用_隔开。

客户端获取方法

var divContainer=document.getElementById('<%= txtMessage.ClientID%>');

var divContainer=$("[id$=txtMessage]");

jQuery 属性选择器

$("div[id]")                   查找所有含有 id 属性的div元素
$("div[id='ajaxa']")       查找 id 为 ajaxa 的 div 元素
$("div[id!='ajaxa']")      查找 id 不为 ajaxa 的 div 元素
$("div[id^='ajaxa']")      查找 id 以 ajaxa 开头的 div 元素
$("div[id$='ajaxa']")     查找 id 以 ajaxa 结尾的 div 元素
$("div[id*='ajaxa']")      查找 id 含 ajaxa 的 div 元素
$("div[id^='ajaxa']")      查找 id 以 ajaxa 开头的 div 元素
$("div[id][class='ajaxa']") 查找存在id属性并且类为ajaxa的 div 元素