新手看: jquery中val()方法

val()方法:
此方法相似于JavaScript中的value属性,能够用来设置和获取元素的值。不管元素是文本框,下拉列表仍是单选框,它均可以返回元素的值。html


下面是《锋利的jQuery(第二版)》中的例子:前端

利用val()方法设置元素值:
html部分:
图片描述jquery

jquery部分:
图片描述函数

这是利用val()能够设置元素值的功能,当鼠标聚焦到邮箱地址文本框时,文本框内默认的文字将被清空。实现相似功能也能够用<input>属性placeholder,placeholder属性是根据字段是否为空来判断是否显示,在你不输入任何字符时,即便鼠标聚焦,提示信息也不会消失。学习

利用val()方法的选中功能:
html部分:
图片描述
jquery部分:
图片描述spa

经过val()方法能够改变网页中一些默认选中元素的选中项。htm

*注:若是<option>标签含有value属性,val()方法会先识别value值,这个时候使用文本值则不会正常产生效果。blog

下面介绍一下使用函数设置val()属性的值:
W3school是这样定义:
$(selector).val(function(index,oldvalue))
例子:
图片描述
图片描述图片


做为一个前端菜鸟,这是个人一个学习过程,学习路上还望大神们多给建议!ip

相关文章
相关标签/搜索