在纯JavaScript中创建自己的查询选择器简写
我们大多数人都熟悉jQuery,可能也有很多人熟悉Chrome控制台中的$
和$$
用于查询选择器的简写。最近,我找到了一种方法来在我的代码中复制这些简写,使用Document.querySelector()
、Document.querySelectorAll()
和Function.prototype.bind()
。下面是实现方法,只需确保不要与仍在使用的jQuery混淆:
const $ = document.querySelector.bind(document);
const $$ = document.querySelectorAll.bind(document);
const mainContent = $('.main-content');
const externalLinks = $$('a[target="_blank"]');