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

环境:jqueryv3.3.1,chrome浏览器版本:版本 66.0.3359.139(正式版本) (64 位)

一、jqeury获取textarea标签的值

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

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

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

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

总结:

  1. 在决定area显示内容上,优先级从大到小为:$("被选元素").val("新值")的方法 > 手动更改textarea框的值 > $("被选元素").text("新值")的方法
  2. 只用$("被选元素").text("新值")方法才能决定textarea元素标签内(html代码中)的值。

        

你可能感兴趣的:(关于使用jqeury获取与设置textarea标签的值的问题)