Question

今天我在网上找到了代码like this。

这是我不理解的简化版本。

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

$(foo) //gets the correct element

foo如何不抛出错误并选择正确的DOM元素？

Answer 1

老实说，我不知道这是可能的，但它是javascript的一个功能。你应该阅读this stackoverflow answer基本上说，不要使用这个功能。

我没有详细解释，但我会这样说。它与jQuery无关。这纯粹是一个javascript功能。

运行此测试以了解。创建一个index.html文件，然后在开发人员工具中打开控制台。在元素上输入id名称，javascript将打印出javascript。

<强>的index.html

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

在控制台日志中，写出foo并单击“输入”。 Chrome控制台应打印出<div id="foo"></div>。

Answer 2

在您的示例中，您应该修复拼写错误，以便更清楚地了解。我可能没有在这里使用官方的jQuery措辞，你应该阅读文档，但这应该是一些意义上的例子。

这些不是变量，它们是jQuery对象。

像$( '#overlay' )这样的javascript元素是使用选择器调用jQuery函数，该选择器可以与CSS选择器相同。返回值是一个jQuery对象，并且在返回的对象上立即调用jQuery的方法.addClass()。

在您的示例中，选择器是id，但标签名称，类和伪类也可以工作，您甚至可以在$( ... )中将javascript引用包装到DOM元素以使用jQuery函数。 jQuery返回一个包含许多成员函数的对象，而不仅仅是这里显示的.addClass()方法，而一些选择器将返回一个集合而不仅仅是一个项目。例如，$( 'a' )返回一个jQuery对象，其中引用了页面上的每个链接。

jQuery选择如何与尚未声明的变量一起使用？

2 个答案: