jQuery特殊属性之val方法
来源:互联网 发布:火狐javascript设置 编辑:程序博客网 时间:2024/05/19 00:42
jQuery特殊属性之val方法
获得匹配元素的当前值。在 jQuery 1.2 中,可以返回任意元素的值了。包括select。如果多选,将返回一个数组,其包含所选的值。
例如:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script type="text/javascript" src="js/jquery-3.2.1.min.js" ></script>
<script>
$(document).ready(function(){
console.log($("#btn").val());
});
</script>
</head>
<body>
<input type="button" name="btn" id="btn" value="val方法" />
</body>
</html>
修改dom对象中的value值:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script type="text/javascript" src="js/jquery-3.2.1.min.js" ></script>
<script>
$(document).ready(function(){
// console.log($("#btn").val());
$("#txt").focus(function(){
if($(this).val() === "这是一个value值"){
$(this).val("");
}
});
// 焦点获取事件,通过if判断text中的val的值,如果判断到"这是一个value值",就用val事件修改value值
$("#txt").blur(function(){
$(this).val("这是一个value值");
});
// 通过blur焦点失去事件,把value值修改为"这是一个value值"
});
</script>
</head>
<body>
<input type="button" name="btn" id="btn" value="val方法" />
<input type="text" value="这是一个value值" id="txt" />
</body>
</html>
- jQuery特殊属性之val方法
- jQuery之 .val()方法
- jQuery的属性与样式之.val()
- jQuery的属性与样式之.val()
- jQuery的属性与样式之.val()
- jQuery属性篇-val
- jQuery属性html()、text()、和val()方法的对比
- JQuery val()方法
- Jquery的val()方法
- jquery 源码之 val()
- jquery之处理表单元素值(使用val()方法)
- jQuery获取文本节点之 text()/val()/html() 方法区别
- jQuery获取文本节点之 text()/val()/html() 方法区别
- jQuery获取文本节点之 text()/val()/html() 方法区别
- JQuery中的val()方法
- 妙用Jquery的val()方法
- 妙用Jquery的val()方法
- jquery 1.7.2 val()方法
- 无限轮播
- Assertion "OSQCreate" failed at line 71 in ..\LWIP\arch\sys_arch.c错误解决方法
- lua语言学习笔记
- Android中 跳转到系统设置界面
- Dubbo架构设计详解
- jQuery特殊属性之val方法
- usaco Friday the Thirteenth
- Plugin with id 'com.android.application' not found. 解决
- 面试系列-冒泡排序
- jvm 系统调优,确定高CPU程序代码
- Android4.4修改状态栏颜色
- java读取excel指定的位置
- vsftpd不能显示文件目录的解决方法
- Jenkins远程部署 gitLab配置