jQuery提供了两个API能够直接用来为元素加入内容。

1. html()
2. text()

当中

html()是为指定的元素加入html内容

text()是为指定的元素加入文本内容

两者的差别在于，text中的内容是纯文本，不会被解析为html

假设要对例如以下html代码进行操作

使用

html()

$('p').html('Hello World, I am a <p> element.');

页面效果为

Hello World, I am a <p> element.

---

假设使用

text()

$('p').text('Hello World, I am a <p> element.');

页面效果为

<strong>Hello World</strong>, I am a <em>&lt;p&gt;</em> element.