jQuery的html(),text()和val()比较

.html()用为读取和修改元素的HTML标签；
.text()用来读取或修改元素的纯文本内容；

.val()用来读取或修改表单元素的value值；

     

一看黑体的部分，所以把text和html分为一组，他们都是对元素取值或设置，只有val是对表单元素的。

html和val 都是读取时，取第一个匹配的值，但是设置时却是设置每一个匹配的值，所以在使用当中如无必要，元素的Id保持唯一。

text则是取所有匹配元素的纯文本内容，设置时设置所有匹配元素的文本内容。

 

例子：

<div id="divShow"><b><i>Write Less Do More</i></b></div>

如果我们用var strHTML = $("#divShow").html();取的话，

结果是：<b><i>Write Less Do More</i></b>

如果我们用var strHTML2 = $("#divShow b i").html();取的话

结果是：Write Less Do More

而text没有第一种情况，

如果我们var strText = $("#divShow").text();取的话

结果是：Write Less Do More