jquery - 目的 ＃没有方法“显示”

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。