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.
精彩评论