控制台中的$与$$

下意识的一看到$,我们就会想到jQuery，然而我突然发现控制台也支持了使用$，具体用法如下。

$(selector)

用法如下：

<input type="text" class='goal' id="test">

//以下为控制台输出
$('#test') //<input type="text" class='goal' id="test">

$('.test') //<input type="text" class='goal' id="test">

注：浏览器控制台封装的$只能输出一个元素对象，当使用class选择器选择到多个元素时只会展示第一个元素。
相当于document.getElemenrtById()或是document.getElementByClassName()[0]。

$$(selector)

相当于querySelectorAll(),返回一个数组，包含所有选择到的元素。

<input type="button" class="te" id="pp">
<input type="button" class="te" id="pp1">

//以下为控制台输出
$$('input') //(2) [input#pp.te, input#pp1.te]

$$('.te') //(2) [input#pp.te, input#pp1.te]

注：jQuery中的$与控制台中的$用法一致，$$属于控制台独有的用法。

END