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

Question

我想在页面上实时测试一些 jQuery。我正在尝试为此使用 Chrome 的开发人员工具控制台。可能吗？

例如，我在活动页面上有一个带有 class="foo" 的 div：

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

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

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

为什么它不隐藏 foo div？

Answer 1

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