创建自己的查询选择器简写

最新推荐文章于 2024-11-12 11:19:19 发布

lio_zero

最新推荐文章于 2024-11-12 11:19:19 发布

阅读量96

点赞数

文章标签： javascript 前端 jquery 开发语言 ecmascript

本文链接：https://blog.csdn.net/weixin_46267040/article/details/125370118

版权

我们大多数人都熟悉 JQuery，可能相当多的人都熟悉 Chrome 控制台的查询选择器的缩写 $ 和 $$。我最近找到了一种方法在我的代码中复制这些简写，Document.querySelector()、Document.querySelectorAll() 和 Function.prototype.bind()。

以下是如何做到这一点，只要确保在仍在使用 JQuery 时不要将它们与 JQuery 混淆：

const $ = document.querySelector.bind(document)
const $$ = document.querySelectorAll.bind(document)

const mainContent = $('.main-content')
const externalLinks = $$('a[target="_blank"]')

以上片段来自 Tip: Create your own query selector shorthand