导读 在前端开发中，`innerHTML` 是操作 DOM 的重要工具之一，而 jQuery 作为一款强大的 JavaScript 库，提供了更简洁的方式来实现这一功...
在前端开发中，`innerHTML` 是操作 DOM 的重要工具之一，而 jQuery 作为一款强大的 JavaScript 库，提供了更简洁的方式来实现这一功能。如果你正在寻找如何用 jQuery 设置或获取元素内容，这篇文章将为你揭晓答案！
首先，让我们明确一点：jQuery 并没有直接提供一个叫 `innerHTML` 的方法，但通过 `.html()` 方法，我们可以轻松完成类似的操作。例如，想要设置某个元素的内容，可以这样写：
```javascript
$('myElement').html('Hello, World!');
```
这条代码会将 ID 为 `myElement` 的元素内容替换为 "Hello, World!"。同样，如果你想获取该元素的当前内容，只需去掉赋值部分即可：
```javascript
const content = $('myElement').html();
console.log(content); // 输出：Hello, World!
```
值得一提的是，`.html()` 不仅能处理纯文本，还可以插入 HTML 标签！比如：
```javascript
$('myElement').html('
红色文字
```
此外，如果你只需要修改文本而不涉及复杂的 HTML 结构，可以使用 `.text()` 方法，它不会解析 HTML 标签，适合纯文本场景哦！
📚 总结来说，jQuery 提供了强大的工具来简化 DOM 操作，无论是设置还是获取内容都显得格外高效。掌握这些技巧后，你就能在项目中游刃有余地运用它们啦！✨