【jQuery】html()和text()的区别

使用

html()

和

text()

方法操作元素的内容，当两个方法的参数为空时，表示获取该元素的内容，而如果方法中包含参数，则表示将参数值设置为元素内容。

例如，分别使用

html()

和

text()

方法获取一个元素的内pww，并将获取的内容显示在不同的<div>元素中，如下图所示：





在浏览器中显示的效果：





从图中可以看出，

html()

方法可以获取元素的HTML内容，因此，原文中的格式代码也被一起获取，而

text()

方法只是获取元素中的文本内容，并不包含HTML格式代码，所以它显示的内容并没有变“歪”。