Console.log jQuery 객체가 모든 속성을 표시하지 않습니다.

Question

이 질문은 아마도 크롬 콘솔에 대한 저조한 ​​이해에서 비롯된 것 같습니다. 내가 어떤 임의의 사업부를 선택하고있어

console.log($('#content'); 

, 나는 같은 것을 찾고 응답을 얻을 : jQuery를이 내가 할 때 포함 된 페이지에서

[div#content, context: document, selector: "#content", jquery: "1.9.1", constructor: function, init: function…] 

그리고 때를 I 을 클릭, 내가 다섯 가지 참조 : 그래서

>0: div#content 
>context: document 
length: 1 
selector: "#content" 
>__proto__: Object[0] 

를 걸 befuddles 것은 : 내가 $('#content').css('color', 'blue'); 생을 말한다면 예상대로 작동합니다. 그러나, 내가 console.log 때 개체의 CSS 방법이 나타나지 않습니다. 왜 이런거야?

Answer 1

css과 같은 메소드는 jQuery 객체 프로토 타입에 있습니다. 목록의 마지막 항목 인 __proto__을 확장하면 친숙한 jQuery 메서드가 많이 표시됩니다. Object.prototype에 대한 자세한 내용은 docs at MDN을 참조하십시오.