javascript - 在 ASP.NET 和 jQuery 中定位服务器控件

Question

我无法在已创建的线程中找到答案。是

$(<%=txtRating.ClientID%>).val("Set the value");

相当于

$("#<%=txtRating.ClientID%>").val("Set the value");

？两者都工作得很好，那么有什么区别吗？谢谢。

Answer 1

两者都有效，因为浏览器会自动为每个标签 ID 创建一个变量，以遵循 HTML5 标准。请参阅http://2ality.com/2012/08/ids-are-global.html

您的代码:

$(<%=txtRating.ClientID%>).val("Set the value");
$("#<%=txtRating.ClientID%>").val("Set the value2");

在生成的 HTML 页面上呈现此 Javascript:

$(txtRating).val("Set the value");
$("#txtRating").val("Set the value2");

第一个有效是因为:

The HTML5 standard specifies that the window object must have a property key whose value is elem if there is exactly one DOM element elem whose property id has the value key.

例如，给定以下 HTML:

<div id="foo"></div>

您可以通过使用 id 作为变量来获取 HTML 标记。因此 $(foo) 返回该标签的 jQuery 对象。与 $('#foo') 相同，也返回相同标签的 jQuery 对象。

> "foo" in window
true

> foo
<div id=​"foo">​</div>​

> $(foo)
Object [ <div#foo> ]

> $('#foo')
Object [ <div#foo> ]