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

Question

我想测试一下我的jQuery代码是否正确。所以我想我只要在浏览器控制台上输入代码就行了。我使用Mozilla Firefox。

我想测试一下是否可以选择id之类的

但是当我输入:

$("#testId")

我得到以下错误:

Uncaught SyntaxError:私有名称在此上下文中无效

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

Answer 1

just type

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

Answer 2

如果你不能在控制台(窗口/文档)访问jQuery

你可以直接从控制台添加jQuery脚本到DOM，通过创建和附加脚本到body:

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)

Answer 3

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

接下来，现在使用jQuery语法选择它的示例$(".className")或$("#id ")，

Answer 4

试试这样

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

然后

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

Answer 5

也许可以试试。

let script = document.createElement("script");
script.src=`https://code.jquery.com/jquery-3.6.0.min.js`;
document.head.appendChild(script);