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

第一个有效的原因是：

HTML5标准规定，如果正好有一个DOM元素elem的属性ID具有值键，则该窗口对象必须具有一个值为elem的属性键。

例如，给出以下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> ]