《jQuery Cookbook中文版》——1.15　获取和设置HTML内容

本节书摘来自异步社区《jQuery Cookbook中文版》一书中的第1章，第1.15节，作者：【美】jQuery社区专家组著，更多章节内容可以访问云栖社区“异步社区”公众号查看

本节书摘来自异步社区《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 lt；p gt； /em element.);

alert(jQuery(p).html());

 /script 

 /body 

 /html 

在浏览器中运行这段代码将造成浏览器修改 p 元素中包含的HTML内容，这些内容是使用html()方法设置的，然后用html()方法获取相同内容。

1.15.3 讨论
这个方法使用DOM的innerHTML属性获取和设置HTML块。你还应该知道，html()在XML文档中不可用（但是可用于XHTML文档）。

异步社区 异步社区(www.epubit.com)是人民邮电出版社旗下IT专业图书旗舰社区，也是国内领先的IT专业图书社区，致力于优质学习内容的出版和分享，实现了纸书电子书的同步上架，于2015年8月上线运营。公众号【异步图书】，每日赠送异步新书。