**JQuery中.html(),.text()和.val()的差异总结**

.html(),.text(),.val()三种方法都是用来读取选定元素的内容；
　　　　.html()是用来读取元素的html内容（包括html标签）；
　　　　.text()用来读取元素的纯文本内容，包括其后代元素；
　　　　.val()是用来读取表单元素的"value"值；
　　　　.html()和.text()方法不能使用在表单元素上,而.val()只能使用在表 单元素上；
　　　　.html()方法使用在元素集合上时，只读取第一个元素；.val()方法和.html()相同，如果其应用在元素集合上时，只能读取第一个表单元素的"value"值，但是.text()不一样，如果.text()应用在多个元素上时，将会读取所有选中元素的文本内容；
.html()方法进行修改时会识别html标签，.text()不会识别html标签，会把内容整个写入进去。
如上图通过.html修改h2标题中的内容时，修改得到的是斜体加粗的相亲相爱一家人，而通过.text去修改时，会将整个内容写入进去。