Testen von jQuery-Anweisungen in der Chrome-JavaScript-Konsole

Question

Ich versuche, einen Wert für ein Kontrollkästchen von der Chrome-JavaScript-Konsole zu ändern. Ich bin mir bewusst, dass Änderungen zum Objekt und nicht auf dem Bildschirm gedruckt werden. Ich möchte eine jQuery-Anweisung auszuführen, d.h .:

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

Gibt es eine Möglichkeit, eine jQuery-Anweisung zu geben, und und Änderungen sofort auf der Seite zu sehen?

Answer 1

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

macht das gleiche wie das Klicken mit der Maus.

Answer 2

In der Chrome-Konsole können Sie jedes JavaScript ausführen. Wenn die Seite also jQuery geladen hat, können Sie auf das Element zugreifen und es z. stackoverflow.com (diese Seite) verwendet jQuery, so kann ich nur antworten TextArea- zugreifen und geben einen Wert ein, versuchen Sie dies

So können Sie alles tun, was in jQuery möglich ist.

Answer 3

Wenn Sie jQuery auf der aktuellen Seite geladen haben, können Sie den Befehl jQuery eingeben.

Geben Sie einfach $('input[name=foo]').attr('checked', true); oder was auch immer in jQuery funktionieren soll und drücken Sie die Eingabetaste.

Answer 4

Ja, und auch wenn Sie nicht über jquery it :)

Herausgegeben Ausschnitt aus 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); 

Danach geht zur Verfügung stehen lassen.