疯狂的技术宅

以前出于工作目的,编写和翻译了大量的技术文章,以前端为主,删掉了过时的、毫无营养的内容,留下的都是精华。


  • 首页

  • 分类

  • 标签

  • 归档

  • 关于本站

  • 回到主站

  • 搜索

创建自己的查询选择器

时间: 2021-02-19 分类: 前端技术   字数: 114 字 阅读: 1分钟
标签: #JavaScript# #选择器# #jQuery#

很多人都熟悉 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"]');
标签: #JavaScript# #选择器# #jQuery#

标题:创建自己的查询选择器

链接:https://fe-tech.viewnode.com/post/202102/19/

作者:疯狂的技术宅

声明: 本博客文章除特别声明外,均采用 CC BY-NC-ND 4.0 国际许可协议( 知识共享署名-非商业性使用-禁止演绎 4.0),转载请注明出处!

在 javascript 中如何使用解构赋值语法?
用 JavaScript 检测大写锁定键的状态
  • 文章目录
  • 站点概览
疯狂的技术宅

疯狂的技术宅

退休程序员,硬件发烧友,人工智能爱好者。写写代码喝喝茶,晒晒太阳带带娃。

457 日志
8 分类
583 标签
GitHub
友情链接
  • viewnode
  • mofish
标签云
  • Javascript 172
  • Node.Js 62
  • Vue 36
  • Typescript 28
  • 实战项目 28
  • 面试 21
  • React 20
  • Css 17
  • 面试题 16
  • 教程 13
  • Promise 12
  • Chrome 9
  • Debug 9
  • 调试 9
  • 资源 9
  • Deno 8
  • Dom 8
  • 杂谈 8
  • 正则表达式 8
  • 测试 8
© 2018 - 2022 疯狂的技术宅 All Rights Reserved
Powered by - Hugo v0.99.0 / Theme by - NexT
Storage by 俺的服务器 / 冀ICP备2022010157号
0%