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> (将标签当作文本来输出
 

猜你喜欢

转载自blog.csdn.net/weixin_43322208/article/details/89072666