jquery - 在浏览器中进行实时 jQuery 编辑

Question

我想在页面上测试一些 jQuery。我正在尝试使用 Chrome 的开发者工具控制台来实现此目的。可能吗？

例如，我在实时页面上有一个 class="foo"的 div:

 <div class="foo">Some content</div>

因此，在检查器中，我打开了“源”选项卡并单击了页面上处于事件状态的现有 .js 脚本。我已滚动到该脚本的底部并插入了此 jQuery:

jQuery('.foo').hide();

为什么它不隐藏 foo div？

Answer 1

您应该将其粘贴到控制台中。将其添加到实际脚本中不会有任何好处。