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

Question

我正在尝试从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

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

与用鼠标单击的效果相同。