品易云推流 关闭
文章详情页
文章 > JavaScript > jquery中如何使用val()方法取值?

jquery中如何使用val()方法取值?

头像

宋雪维

2021-02-01 14:45:423813浏览 · 0收藏 · 0评论

在使用JavaScript进行编程时,我们在运用jQuery想要获取一定值的时候,可以采用val()方法,val()方法不仅能够获取或设定输入框或选择框的值,而且还可以根据value属性设置获取值,是进行编程的基础运用。本文介绍jquery中val()方法。

1、val()方法

用来获取或设定输入框或选择框的值。

元素的值是通过 value 属性设置的,可以设置或获取匹配元素的value属性值,大多用于 input 元素。

获取值

$("#text").val()

设置值

$("#text").val(“value”)

2、参数

.val()无参数:获取匹配的元素集合中第一个元素的当前值,返回被选元素的当前值。

.val( value ):设置匹配的元素集合中每个元素的值。

.val( function ) :一个用来返回设置值的函数。

3、返回值

返回获取设置被选元素的值。

返回的是一个数组,这个数组包含每个选中选择项的值。

4、使用实例

$("#address").focus(function(){ // 地址框获得鼠标焦点
var txt_value = $(this).val(); // 得到当前文本框的值
if(txt_value==this.defaultValue){
$(this).val(""); // 如果符合条件,则清空文本框内容
}
});

以上就是jquery中val()方法的介绍,需要注意的是只有具有value属性的元素才能够使用此方法,比如input元素可以使用此方法,而div元素就不可以哦~更多JavaScript学习推荐:JavaScript教程

关注

关注公众号,随时随地在线学习

本教程部分素材来源于网络,版权问题联系站长!

底部广告图