关于jquery中html()、text()、val()的区别

工程师小A

于 2018-08-30 14:48:55 发布

阅读量204

点赞数

CC 4.0 BY-SA版权

分类专栏： HTML 文章标签：关于jquery中html()、text()、val()的区

本文链接：https://blog.youkuaiyun.com/qq_34287953/article/details/82221295

HTML 专栏收录该内容

2 篇文章

订阅专栏

博客聚焦于jQuery中html()、text()、val()的区别，这些方法在前端开发处理页面元素内容时有不同作用，html()用于获取或设置元素的HTML内容，text()用于获取或设置元素的文本内容，val()用于获取或设置表单元素的值。

关于jquery中html()、text()、val()的区别

1、html()是用来读取元素的HTML内容（包括其Html标签）,.html()方法使用在多个元素上时，只读取第一个元素

2、text()用来读取元素的纯文本内容，包括其后代元素;.text()方法不能使用在表单元素上(表单的基本元素<input>、<select>、<option>、 <textarea>，只能用val()取值)

3、val()用来读取或修改表单元素的value，val()只能使用在表单元素上

html()去元素的内容的时候，能将所选定的元素下面的格式也取到了。

如：<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