很多人都熟悉 jQuery,但是很少有人知道 Chrome Console 的 $
和 $$
这两个选择器的简写形式。我最近想出可以在自己的代码中复用这些选择器的方法,只需要使用 Document.querySelector()
, Document.querySelectorAll()
and Function.prototype.bind()
。以下是实现方法,但是在使用时要确保不要和 jQuery 混淆:
const $ = document.querySelector.bind(document);
const $$ = document.querySelectorAll.bind(document);
const mainContent = $('.main-content');
const externalLinks = $$('a[target="_blank"]');