如何在浏览器控制台中测试 jQuery 代码？

Question

我想测试我的 jQuery 代码是否正确。 所以我想我只是在浏览器控制台中输入代码。 我使用 Mozilla Firefox。

我想测试我是否可以使用 select id 之类的东西。

但是当我输入时：

$("#testId")

我收到以下错误：

未捕获的语法错误：私有名称在此上下文中无效

我想访问的元素是私有的吗？ 这是什么意思，为什么？

Answer 1

按照以下步骤在控制台中测试和练习 JQuery：首先，使用浏览器调试器工具检查浏览器中的任何元素，查看源代码，例如类名和 ID'

接下来，现在使用 jQuery 语法到 select 它示例 $(".className") 或 $("#ids")，

Answer 2

只需输入

console.log($("#testId"));

Answer 3

尝试这样的事情

<div id="testId">hi user1664377</div>

然后

console.log($("#testId").text()); // you will see "hi user1664377" in console

Answer 4

如果您无法在控制台（窗口/文档）中访问 jQuery。

您可以通过创建脚本并将其附加到正文来直接从控制台将 jQuery 脚本添加到 DOM：

let s = document.createElement('script')
s.setAttribute('src','https://code.jquery.com/jquery-3.6.0.min.js')
document.getElementsByTagName('body')[0].appendChild(s)

现在例如获取 jQuery 版本：

console.log(jQuery.fn.jquery)