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

时间:2010-09-29 12:49:45

标签: jquery google-chrome

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

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

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

4 个答案:

答案 0 :(得分:32)

是的,即使你没有可用的jquery,也可以:)

来自How can I use jQuery in Greasemonkey scripts in Google Chrome?

的已编辑代码段
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);

此后去。

答案 1 :(得分:5)

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

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

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

答案 2 :(得分:1)

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

只需键入$('input[name=foo]').attr('checked', true);或jQuery中的任何内容,然后按Enter键。

答案 3 :(得分:0)

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

与点击鼠标相同。