在瀏覽器中實時jQuery編輯

Question

我想在頁面上測試一些jQuery實況。我正在嘗試爲此使用Chrome的開發人員工具控制檯。可能嗎？

例如，我有帶class =「foo」的活頁上的一個div：

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

所以，在檢查中，我打開源選項卡，並單擊在現有的.js腳本在頁面上處於活動狀態。我已經滾動到腳本的底部，並插入這個jQuery：

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

爲何不躲foo的DIV？

Answer 1

您應該將其粘貼到控制檯中。將它添加到實際的腳本中對你沒有任何好處。