在Chrome JavaScript控制台中测试jQuery语句

我正在尝试从chrome JavaScript控制台更改复选框值。 我知道更改会打印到对象而不是屏幕上。 我想执行一个jQuery语句，即：

('input[name=foo]').attr('checked', true); 

有没有办法输入jQuery语句，并在页面中立即看到更改？

Answer 1

是的，即使你没有可用的jquery让它成为:)

编辑片段如何在Google Chrome中的Greasemonkey脚本中使用jQuery？

 var script = document.createElement("script"); script.setAttribute("src", "https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"); script.addEventListener('load', function() { var script = document.createElement("script"); document.body.appendChild(script); }, false); document.body.appendChild(script); 

在此之后。

Answer 2

在chrome控制台中你可以运行任何JavaScript，所以如果页面加载了jQuery，你可以访问该元素并检查/取消选中它，例如stackoverflow.com（这个站点）使用jQuery所以我只能访问答案textarea并输入一个值，试试这个

 $('#wmd-input').val('This is my answer') 

所以你可以在jQuery中做任何可能的事情。

Answer 3

如果在当前页面中加载了jQuery，则可以键入jQuery命令。

只需输入$('input[name=foo]').attr('checked', true); 或任何应该在jQuery中工作，然后按Enter键。

Answer 4

 $('input[name=foo]').click(); 

与点击鼠标一样。