本节书摘来自异步社区《jQuery Cookbook中文版》一书中的第1章，第1.15节，作者:【美】jQuery社区专家组 译者：姚军 , 孙博更多章节内容可以访问云栖社区“异步社区”公众号查看。
1.15 获取和设置HTML内容
1.15.1 问题
你需要获取或者设置当前网页中的一块HTML内容。
**
1.15.2 解决方案**
jQuery提供html()方法，用于获取和设置HTML元素块（或者DOM结构）。在下面的代码中，使用这个方法设置HTML元素中找到的< p>元素的HTML值，然后获取该值：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
<p></p>
<script type="text/JavaScript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js">
</script>
<script type="text/JavaScript">
jQuery('p').html('<strong>Hello World</strong>, I am a <em><；p>；</em> element.');
alert(jQuery('p').html());
</script>
</body>
</html>
在浏览器中运行这段代码将造成浏览器修改< p>元素中包含的HTML内容，这些内容是使用html()方法设置的，然后用html()方法获取相同内容。
**
1.15.3 讨论**
这个方法使用DOM的innerHTML属性获取和设置HTML块。你还应该知道，html()在XML文档中不可用（但是可用于XHTML文档）。
![[HTML5]嵌入内容](https://ucc.alicdn.com/pic/developer-ecology/ae9a2c19d09240e697d2378c21c7864c.png?x-oss-process=image/resize,h_160,m_lfit)
