$ Chrome의 변수는 무엇입니까?

Question

jQuery (또는 바로 가기로 $ 기호를 사용하는 다른 라이브러리)가없는 페이지에서 google chrome의 개발자 도구로 작업하고있었습니다.

$ 
function() { [native code] } 

그래서, 크롬 $에서 참조 할 수있는 몇 가지 기본 기능을 가지고 : 나는 (그냥를 입력하고 입력 타격에 의해) 콘솔에 의해 $을 검사 할 때 , 난이 있어요. 크롬 만이 이걸 가지고있는 것 같아 window['$']이나 document['$'] 또는 this['$']을 통해 액세스 할 수 없습니다.

이 기능이 무엇인지 알 수 없습니다. 당신은 그것이 무엇을 하는지를 알고 이것에 대한 배경 정보를 가지고 있습니까? 미리 감사드립니다. 웹킷 검사에서

Answer 1

작년 이후로도 변경되었습니다.

devtools 콘솔은 과 함께 document.querySelector의 별칭으로 $을 제공합니다. 여기에 발췌 목록은 다음과 같습니다

• $(selector) 지정된 CSS 셀렉터 최초의 DOM 요소에 대한 참조를 반환합니다. 이 함수는 document.querySelector() 함수의 별칭입니다.
• $$(selector)은 지정된 CSS 선택기와 일치하는 요소의 배열을 반환합니다. 이 명령은 document.querySelectorAll()을 호출하는 것과 같습니다.
• $_은 가장 최근에 평가 된 표현식의 값을 반환합니다.
• $0, $1, $2, $3 및 $4 명령 원소 패널 내에 피검 마지막 다섯 개 DOM 요소 또는 프로파일 패널에서 선택한 마지막 다섯 힙 자바 스크립트 객체에 대한 과거 참고로 작동한다.

... 그리고 다른 무리.

의 별칭을 document.querySelector으로 호출하는 방법에 유의하십시오. 그러나 $$은 document.querySelectorAll을 호출하는 것과 동일합니다. 어느 쪽도 문자 그대로 진실 인 것처럼 보이지 않는다. $ === document.querySelector이 false이고 $$이 배열이 아니라 NodeList이 반환됩니다.

Answer 2

거기는 두 개의 선택기, Mootools의 한 것과 같은 : $ 및

$$ 당신은 거기에 몇 가지 정보를 찾을 수는 here

그들은 디버그에 도움 여기 juste입니다.

Answer 3

Chrome 개발자 도구 기능 중 하나이므로 페이지에서 사용할 수 없습니다. documentation for it on the Console page을 볼 수 있습니다 (단, Firebug console commands을 구현한다고 표시되어 있습니다).

해당 ID로 요소를 가져옵니다.

Answer 4

https://developers.google.com/chrome-developer-tools/docs/console

는 document.getElementById를 그냥 빠르게 액세스 할 수 있습니다.

Answer 5

link to the dev tools으로 판단하면 getElementById()가 아니라 document.querySelector()가 사용됩니다.

Answer 6

기존 대답은 $은 document.getElementById 또는 document.querySelector의 별칭이 아니며 querySelector의 래퍼입니다. 이 래퍼는 실제로 엘리먼트가 자식을 쿼리하기 위해 선택적인 두 번째 인수를 취한다.

기능 패밀리는 Console: Selecting Elements 아래에 설명되어 있습니다 :

이

요소를 선택하기위한 몇 가지 단축키가 있습니다 요소 선택. 표준 대응 물을 타이핑하는 것보다 귀중한 시간을 절약 할 수 있습니다.

$() 지정된 CSS 선택기와 일치하는 첫 번째 요소를 반환합니다. document.querySelector()의 바로 가기입니다.

$$() 지정된 CSS 선택기와 일치하는 모든 요소의 배열을 반환합니다. document.querySelectorAll()의 별명입니다.

$x()XPath과 일치하는 요소의 배열을 반환합니다.

---

그러나,이 값은 콘솔에서만 기본값입니다. 페이지가 jQuery와 같은 것을 포함하여 페이지를 덮어 쓰는 경우 콘솔은 페이지 자체의 값을 사용하며 $('p')과 같은 것으로 첫 번째 p 요소가 아닌 jQuery 객체를 반환합니다.