用jQuery改写document.querySelector('#sp'+num).innerHTML

jQuery可以用下面的代码改写document.querySelector():

$("selector");

其中，"selector"是要选择的元素或元素组合。这行代码可以选择单个元素或多个元素，并返回一个包含该元素/元素组合的jQuery对象。

相关问题

document.querySelector('p').innerHTML

document.querySelector('p').innerHTML是一种用于获取或设置HTML元素内容的JavaScript方法。它通过选择器来选择文档中的第一个匹配元素，并返回该元素的innerHTML属性值。

innerHTML属性用于获取或设置HTML元素的内容，包括标签和文本。当使用document.querySelector('p').innerHTML时，它会选择文档中第一个<p>元素，并返回该元素的HTML内容。

如果你想获取<p>元素的内容，可以使用以下代码：

var content = document.querySelector('p').innerHTML;

如果你想设置<p>元素的内容，可以使用以下代码：

document.querySelector('p').innerHTML = '新的内容';

注意，使用innerHTML属性时要小心，因为它可以修改HTML结构并引入潜在的安全风险。在设置innerHTML时，确保输入的内容是可信的，以避免XSS攻击。

this.$el.querySelector和document.querySelector的区别

`this.$el.querySelector`是Vue框架中的DOM查询方法，它基于当前Vue组件的渲染元素(`$el`)去查找匹配指定CSS选择器的第一个元素。这适用于Vue应用内部的DOM节点，因为它直接作用于Vue实例关联的虚拟DOM（如果还未渲染到实际DOM，它会等到渲染完成后再获取）。

而`document.querySelector`则是原生JavaScript中在整个文档树中查找第一个匹配给定选择器的元素，它是全局的，不依赖于任何特定的DOM上下文或Vue组件。

区别总结：
1. **范围**：Vue的`$el.querySelector`限于当前组件内的DOM，原生的`document.querySelector`则搜索整个文档。
2. **关联**：`this.$el.querySelector`与Vue实例紧密相关，可以访问到Vue实例化的数据和生命周期钩子；而`document.querySelector`只提供基础的DOM检索功能。
3. **作用时机**：Vue版的查询是在实例化完成后，或者组件更新时（视情况）执行的，原生的则可以在任何时候运行，不受Vue控制。