jQuery为什么我可以使用点表示法选择id

Question

我下面的代码意外地工作，我想知道原因。

基本上，我点击一个按钮来更改输入文本字段的值。 输入的id为“here”，但没有名称或类。然而，我可以使用点符号here.value

来更改其值

请注意，我使用的是简单的点表示法，而不是jQuery选择器，括号表示法或getElementById(id)方法。据我所知，这不应该奏效。

jsfiddle demo

<input id="here" readonly>
<input type="button" id="btn" value="Click">
<script>
$(document).ready(function() {
  $('#btn').on('click', function() {
    // why does this dot notation work for id?
    here.value = 'you clicked on the button';
    // should be:
    // $('#here').val('you clicked on the button');
  });
});
</script>