Console.log jQuery对象不显示所有属性

Question

这个问题可能源于我对chrome控制台的不了解。

在包含jQuery的页面上，当我这样做时：

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

我正在选择一些随机div，我得到一个类似的回复：

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

当我点击它时，我会看到五件事：

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

所以，令我感到困惑的是：如果我说$('#content').css('color', 'blue');这可以按预期工作。然而，当我在console.log中时，对象的css方法没有显示出来。这是为什么？

Answer 1

像css这样的方法在jQuery对象原型上。如果展开列表__proto__中的最后一项，您将看到许多熟悉的jQuery方法。有关Object.prototype的更多信息，请参阅docs at MDN。