在浏览器中实时jQuery编辑

Question

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

例如，我有带class =“foo”的活页上的一个div：

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

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

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

为何不躲foo的DIV？

Answer 1

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