jQuery如何来设置和获取HTML和文本的值？
在 jQuery 中，你可以使用 .html() 和 .text() 方法来设置和获取元素的 HTML 内容和文本值。这两个方法在功能上相似，但操作的内容类型不同。
获取和设置 HTML 内容
.html()方法：当不带参数调用时，用于获取匹配的第一个元素的 HTML 内容；当带有一个字符串参数调用时，用于设置匹配元素集合中每个元素的 HTML 内容。获取 HTML 内容：
var htmlContent = $('#myElement').html(); console.log(htmlContent);设置 HTML 内容：
$('#myElement').html('<span>New HTML content</span>');
获取和设置文本内容
.text()方法：当不带参数调用时，用于获取匹配的元素集合中所有元素的文本内容（将所有元素的文本内容拼接起来）；当带有一个字符串参数调用时，用于设置匹配元素集合中每个元素的文本内容，与.html()不同的是，.text()会对任何 HTML 标签进行转义，确保传入的内容作为纯文本处理。获取文本内容：
var textContent = $('#myElement').text(); console.log(textContent);设置文本内容：
$('#myElement').text('New text content');
注意事项
- 安全性：在动态设置 HTML 内容时，如果该内容包含用户输入，使用
.html()方法可能会导致跨站脚本攻击（XSS）。在这种情况下，使用.text()方法会更安全，因为它会自动转义 HTML 标签，确保内容作为纯文本插入。 - 性能：频繁地操作大量的 HTML 内容可能会影响页面性能，尤其是在大型文档或在低性能的设备上。在可能的情况下，尝试减少 DOM 操作的次数，或使用更高效的 DOM 更新技术。
通过 .html() 和 .text() 方法，jQuery 提供了一种简单而强大的方式来获取和设置元素的 HTML 内容和文本值，使得动态内容的管理变得容易。