技术文章 > Web开发 >  JavaScript > 正文

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

宋雪维

在使用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教程

免费视频教程
本教程部分素材来源于网络,版权问题联系站长!
相关文章
  os.system在python中如何调用命令
  python os.listdir()解决乱码
  scrapyd在python爬虫里怎么用
  python中raise是什么
  python中IDLE是什么意思
  python中PySnooper怎么用
相关视频章节
  定位&布局
  CSS常用属性
  网页布局盒子模型
  组合选择器
  CSS id & class 选择器
视频教程分类