jQuery特殊属性之val方法
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>