val() html() text()区别

val()

元素的值是通过 value 属性设置的。该方法大多用于 input 元素。

带参与不带参：

val()取值。

val("XXXXXX")赋值。val("")可以清空元素的内容。

html() 和 text()适用于非input的元素内容。

html()  

将标签考虑在内（取值时也取出标签，赋值时识别标签）

无参html（）：取值。

例：html页面代码：<div><span>你好</span></div>

                                $(“div”).html();      结果：<span>你好</span>（获取标签和文本）
有参html（val）：赋值。

例：html页面代码：<div></div>

                              $(“div”).html(“<p>我爱你中国</p>”);   浏览器结果：我爱你中国（浏览器能识别标签）

text()

不考虑标签 （取值时忽略标签，赋值时把标签当文本对待）

无参text（）：取值。

例：html页面代码：<p><span>你好<span><div> 很好</div></p>

                          $(“p”).text();   结果：你好  很好（只选取标签下面的文本）
 

有参text（val）：赋值。 

例：html页面代码：<div>Paragraph.</div>

                                $(“div”).text(“<b>哈哈，我会被完整输出</b> new text.”);

                               结果: <p><b>哈哈，我会被完整输出</b> new text.</p> （将标签当作文本来输出）