如何在纯JavaScript中模拟jQuery $选择器?

时间:2018-07-18 18:54:27

标签: javascript jquery

使用jQuery $选择器使获取DOM元素变得容易得多。我希望能够用普通的javascript复制此选择器。我该怎么办?

注意:我不想用$('')替换代码中document.querySelector()的所有instancew,而是想将$定义为一个函数。

1 个答案:

答案 0 :(得分:0)

您正在寻找document.querySelectorAll()。您无需在querySelectorAll上使用document方法,它可以是任何DOM元素。如果要以某种类似于jQuery的样式使用它,可以编写一个包装它的函数,如下所示:

var $ = function (selector) {
  return document.querySelectorAll(selector);
};

该示例假设您使用的是ES5或更旧版本,并且用较新版本的语言进行重写应该很简单。

请记住,这将返回一个NodeList,而不是您可能认为会返回的Array,因此将不会有很多方法。