javascript - 为什么我无法访问 Chrome 内置函数 $？

Question

然后输入$Chrome 控制台return：

$;
function () { [native code] }

并获得一个 DOM 元素：

$("container");
<div class=​"container" id=​"container">​…​&lt;/div>​

但它不能在脚本块中工作：

window.onload = function  (argument) {
    var container = $("container");
    Uncaught ReferenceError: $ is not defined
}

Answer 1

您收到错误是因为，虽然 Google Chrome 控制台有自己的 $ 快捷方式运算符，但它对原始窗口不可用：

Chrome 开发者工具：控制台

如果你想要在你的应用程序中使用类似的功能，你需要包含一些其他库（jQuery 是这里流行的选择，但还有其他的，如 Prototype、MooTools 等），或者你可以简单地从 jQuery 控制台中删除函数如果这就是你所需要的。

Answer 2

通过查看$Chrome 控制台中该功能的实际内容，可以推断它实际上只不过是 Chrome 开发人员在控制台中内置的“工具箱功能”。由于它位于控制台中，因此您无法从可用的窗口访问它。

说的内容：

function $(element) {
  if (arguments.length > 1) {
    for (var i = 0, elements = [], length = arguments.length; i < length; i++)
      elements.push($(arguments[i]));
    return elements;
  }
  if (Object.isString(element))
    element = document.getElementById(element);
  return Element.extend(element);
}