jQuery html

jQuery的html() 方法用于设置或返回元素的内容。当你调用元素的 `html()` 方法时，如果该元素有子节点，则会删除这些子节点并替换它们的内容。若未提供参数，则直接返回当前元素的内容。

### 示例：

假设我们有一个HTML结构如下：

<div id="myDiv">Hello World!</div>

#### 使用 jQuery 设置 div 内容：

$(document).ready(function(){
    $('#myDiv').html('New Content');
});

这段代码将会改变`#myDiv`元素的内部文本内容，从"Hello World!"更改为"New Content"。

### 返回元素内容：

如果你想通过 `html()` 方法来获取某个元素当前的内容，可以简单地这样操作：

$(document).ready(function(){
    var content = $('#myDiv').html();
    console.log(content);
});

这将打印出`#myDiv`元素的原始内容："Hello World!"。

### 注意事项：

1. **DOM操作与异步**：`html()` 方法可能会引起DOM操作，因此在某些情况下可能需要使用回调函数来处理操作结果。
2. **避免XSS攻击**：当动态插入HTML内容时要小心，确保内容安全不会导致XSS（跨站脚本）攻击。
3. **使用 `.text()` 或 `.val()` 替代**：根据具体需求选择合适的属性方法。比如如果只关心文本内容而不考虑HTML标签，可以选择 `.text()`；如果是输入框的内容则使用 `.val()` 更合适。

---