тестирование операторов jQuery в консоли Chrome JavaScript

Question

Я пытаюсь изменить значение флажка в консоли Chrome JavaScript. Мне известно, что изменения выводятся на объект, а не на экран. Я хотел бы выполнить оператор jQuery, т. Е.

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

Есть ли способ ввести оператор jQuery и сразу увидеть изменения на странице?

Answer 1

Да, и даже если у вас нет jquery, пусть это будет :)

Отредактированный фрагмент из Как я могу использовать jQuery в скриптах Greasemonkey в 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);

После этого иди.

Answer 2

В консоли Chrome вы можете запустить любой JavaScript, поэтому, если на страницу загружен jQuery, вы можете получить доступ к элементу и установить или снять его, например, stackoverflow.com (этот сайт) использует jQuery, поэтому я могу просто получить доступ к текстовой области ответа и ввестизначение, попробуйте это

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

Так что вы можете делать все, что возможно в jQuery.

Answer 3

Если вы загрузили jQuery на текущей странице, вы можете набрать команду jQuery.

Просто введите $('input[name=foo]').attr('checked', true); или что-то еще, что должно работать в jQuery, и нажмите enter.

Answer 4

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

делает то же самое, что и щелчок мышью.