javascript: 一个可以代替jquery选择器的方法

2021-03-17 15:25

阅读：480

标签：this select 方法 sele 参数解释 node selected $()

众所周知，与原生js不同，jquery方法 $() 会得到一个jquery对象，而不是js对象。

$("div span").click()

如果我不想用jquery选择器呢？

先上代码。

function getElementArray (string) {
  var sel = document.querySelectorAll(string)
  var arr = new Array().slice.call(sel)
  return arr
}

解释一下知识点：

document.querySelectorAll()，这个方法可以通过选择器获取一个NodeList。关于NodeList：
NodeList 不是一个数组，是一个类似数组的对象(Like Array Object)。虽然 NodeList 不是一个数组，但是可以使用 forEach() 来迭代。你还可以使用 Array.from() 将其转换为数组。
slice()，数组原型方法，可从已有的数组中返回包含选定的元素的新数组。当没有参数的时候，返回原元素的全部。
call() ，函数原型方法。使用一个指定的 this 值和单独给出的一个或多个参数来调用一个函数。换句话说，在修改其执行上下文的情况下调用一个函数。

也就是说，

以上。

javascript: 一个可以代替jquery选择器的方法

标签：this select 方法 sele 参数解释 node selected $()

原文地址：https://www.cnblogs.com/foxcharon/p/13972727.html

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：javascript: 一个可以代替jquery选择器的方法
文章链接：http://soscw.com/index.php/essay/65356.html

亲，登录后才可以留言！