控制台中的$与$$

下意识的一看到$,我们就会想到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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值