母版页和母版页子页面中的jquery对服务器控件元素的操作

本文详细解释了在使用ASP.NET的母版页时,如何处理母版页与子页面中服务器端控件的命名冲突,以及如何在jQuery中正确引用这些控件以实现预期的功能。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

使用asp.net的母版页套用出来的页面中母版页和套用母版页的子页面中的服务器端控件的名称会与服务器控件中的定义不一致,

例如:

母版页的控件

<span style="font-size:18px;"><asp:TextBox ID="txtAccount" runat="server"  placeholder="用户名" Width="110px"></asp:TextBox></span>

在浏览器端显示的源代码

<span style="font-size:18px;"> <input name="ctl00$txtAccount" type="text" id="ctl00_txtAccount" placeholder="用户名" style="width:110px;" /></span>

套用母版页的子页面中的控件

<span style="font-size:18px;"><asp:HyperLink ID="HyperLink1" runat="server" ForeColor="#666666" ></asp:HyperLink></span>

在浏览器端显示的源代码

<a id="ctl00_ContentPlaceHolder3_dlCommodity_ctl00_HyperLink1" style="color:#666666;"></a>

包含了HyperLink1所在的各级容器dlCommodity(datalist)和ContentPlaceHolder3

因此,如果要在母版页面中写jquery(js),对该控件的引用$("#原来服务器端的命名id")(例如,$("#txtAccount"))则在生成的页面不能定位,使用类似

$(input[id*='txtAccount'])可实现在生成页面正常定位并实现jquery效果

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值