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。