브라우저에서 라이브 jQuery 편집

Question

페이지에서 일부 jQuery를 테스트하고 싶습니다. 저는 이것을 위해 Chrome의 개발자 도구 콘솔을 사용하려고합니다. 가능한가?

예를 들어, I 클래스 = "foo는"함께 라이브 페이지에 DIV 있습니다

<div class="foo">Some content</div> 

그래서 관리자에서, 나는 소스 탭을 연과의 .js 기존 스크립트를 클릭 그것은 페이지에서 활성화되어 있습니다. 그 스크립트의 맨 아래로 스크롤이 jQuery를 삽입 한 :

jQuery('.foo').hide(); 

왜 그렇지 푸 사업부를 숨길 않습니다를?

Answer 1

콘솔에 붙여 넣어야합니다. 실제 스크립트에 추가하면 아무런 도움이되지 않습니다.