关于使用jqeury获取与设置textarea标签的值的问题

最新推荐文章于 2024-04-30 15:38:57 发布

有梦想的人不睡觉xxx

最新推荐文章于 2024-04-30 15:38:57 发布

阅读量5k

点赞数 3

文章标签： text() html js textarea val()

本文链接：https://blog.csdn.net/qq_39296049/article/details/80252673

版权

环境：jqueryv3.3.1，chrome浏览器版本：版本 66.0.3359.139（正式版本）（64 位）

jquery设置textarea的值有两种方法：

$("被选元素").val("新值")的方法：使用该方法设置值只能更改页面中textarea的显示内容，打开开发者选项审查元素时可以发现标签内的值与显示的值不同。
$("被选元素").text("新值")的方法：使用该方法设置值更改的是元素标签的内容，也可以改变显示内容，但是如果之前手动更改过textarea内的值或者使用val（）方法设置过显示内容，则此方法不会改变显示内容，也就是说在决定textarea显示内容上，text（“新值”）的优先级低于val（“新值”）方法。
手动更改textarea内容，这与val（"新值"）方法的功能一样，只能改变显示内容，不能改变标签内元素的内容。

jquery获取textarea的值有两种方法：

val()方法：使用该方法获取的值是最近textarea显示的值是使用$("被选元素").val("新值")设置的值，或者手动更改的值，或者是使用$("被选元素").text("新值")设置的值。
text()方法：使用该方法获取的值是textarea元素标签内的值（打开开发者选项可以查看当前页面的元素）或者是使用$("被选元素").text("新值")设置的值。

总结：