时间戳

首页 > 解决方案 > 一段jQuery代码来启用类选择器？

javascript - 一段jQuery代码来启用类选择器？

问题描述

我没有使用 jQuery，但我有一行代码可以启用$选择器快捷方式，如下所示：

let $ = function (id) { return document.getElementById(id); }

我还想添加任何必要的代码，以便我也可以使用类选择器快捷方式。
现在我有这个：

let $c = function (cl) { return document.getElementsByClassName(cl); }

我可以使用 类按类选择元素$c("some-class")，但这会返回一个列表，然后我需要循环遍历该列表。

我希望能够使用类似的东西$(".some-class").remove("some-class")- 从所有拥有它的元素中删除该类，而不必在列表中循环并一一删除它们。

任何人都可以将我指向 jQuery 的部分，以便我可以包含它而不是整个库吗？

我尝试查看该术语的 jQuery 代码，className但有 39 个实例，我不确定我需要哪一部分。

标签： javascriptjquery

解决方案

原生 JS 与 jQuery 的嘶嘶声选择器引擎最接近的是querySelector()or querySelectorAll()，这取决于您希望找到单个元素还是多个元素。

在您的示例中，这将是：

let $ = selector => document.querySelectorAll(selector);

推荐阅读