testing jQuery statements in Chrome JavaScript console

开发者_运维百科

I'm trying to change a checkbox value from chrome JavaScript console. I'm aware that changes are printed to object and not on screen. I'd like to execute a jQuery statement, i.e.:

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

Is there any way to enter a jQuery statement, and and see changes instantly in the page?

---

Yeah, and even if you don't have jquery available let it be :)

Edited snippet from 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);

After this go.

---

In chrome console you can do run any JavaScript, so if page has jQuery loaded, you can access the element and check/uncheck it e.g. stackoverflow.com (this site) uses jQuery so I can just access answer textarea and enter a value, try this

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

So you can do anything which is possible in jQuery.

---

If you got jQuery loaded in the current page, you can type jQuery command.

Just type $('input[name=foo]').attr('checked', true); or whatever should work in jQuery and press enter.

---

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

does the same thing as clicking with your mouse.