probando declaraciones de jQuery en la consola JavaScript de Chrome

Question

Estoy tratando de cambiar el valor de una casilla de verificación desde la consola JavaScript de Chrome. Soy consciente de que los cambios se imprimen en el objeto y no en la pantalla. Me gustaría ejecutar una instrucción jQuery, es decir .:

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

¿Hay alguna manera de entrar en una declaración jQuery, y al instante y ver los cambios en la página?

Answer 1

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

hace lo mismo que hacer clic con el mouse.

Answer 2

En la consola de Chrome puede ejecutar cualquier JavaScript, por lo que si la página tiene jQuery cargado, puede acceder al elemento y marcarlo/desmarcarlo, p. stackoverflow.com (este sitio) utiliza jQuery por lo que sólo puede acceder área de texto de respuesta e introduzca un valor, intente esto

para que pueda hacer todo lo que es posible en jQuery.

Answer 3

Si tiene jQuery cargado en la página actual, puede escribir el comando jQuery.

Simplemente escriba $('input[name=foo]').attr('checked', true); o lo que sea que debería funcionar en jQuery y presione enter.

Answer 4

Sí, e incluso si usted no tiene jQuery disponible deja que sea :)

fragmento Editado de 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); 

Después de esto, vaya.