将 document.querySelector 或 document.querySelector

Question

我正在尝试减少 jQuery 的使用，但有时我仍然需要使用 jQuery 中的方法。

document.querySelector是否可以将或 的返回值转换document.querySelectorAll为 jQuery 对象，或将 jQuery 选择转换为 document.querySelector() 或 document.querySelectorAll() 将返回的 Element 或 NodeList 对象？

重新进行选择似乎比使用已有的内容更昂贵。

这是一个示例document.querySelector：

let qsOutput = document.querySelector('#my_id');

//now if I want to use jQuery's .attr (just as an example) 

qsOutput.attr("alt", "the new alt attribute");  //.attr() is a jquery function

我该怎么做？我是否只需要再次选择并浪费原始捕获的资源？

我不是问如何更改普通 JavaScript 中的属性，我试图减少 jQuery 的使用，但仍然需要时不时地使用它，但是当我已经有了一个 through 时，用它进行新的选择似乎是document.querySelector这样浪费。如果可能的话，我想重用返回document.querySelector并将其“升级”为jQuery。

Answer 1

您可以将一个或多个元素传递给 jQuery 函数。$(qsOutput).attr("alt", "the new alt attribute");