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

Question

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

例如，我在实况页面上有一个div，其中class =“foo”：

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

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

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

为什么不隐藏foo div？

Answer 1

您应该将其粘贴到控制台中。将它添加到实际的脚本对你没有任何帮助。