对象＃<htmldivelement>没有方法'show'</htmldivelement>

Question

在控制台中：

$('#rhscol') //gives the result below: 

<div id=​"rhscol" style=​"border:​  1px solid red;​">​
    Hello world!
</div>​

但是在同一个控制台中：

$('#rhscol').show(); //Gives the result below: 
TypeError: Object #<HTMLDivElement> has no method 'show'

有人可以向我解释一下我错过了什么吗？感谢

Answer 1

这是Chrome控制台document.querySelector的快捷方式。

以下是开发工具源代码的代码：

 $: function (selector, start)
    {
        if (this._canQuerySelectorOnNode(start))
            return start.querySelector(selector);

        return inspectedWindow.document.querySelector(selector); // <- here
    },

上面的代码使用的是jQuery。如果要使用jQuery，则需要在页面中包含jQuery。