jQuery特殊属性之val方法

最新推荐文章于 2023-08-27 01:42:36 发布

XLjiqimaobuchiyu

最新推荐文章于 2023-08-27 01:42:36 发布

阅读量783

点赞数

CC 4.0 BY-SA版权

分类专栏： jQuery 文章标签： jquery val blur fcous

本文链接：https://blog.youkuaiyun.com/XLjiqimaobuchiyu/article/details/77988829

jQuery 专栏收录该内容

11 篇文章

订阅专栏

本文介绍了jQuery中的val方法，该方法用于获取或设置DOM元素的值。文中通过实例演示了如何使用val方法读取按钮的值及如何在文本框获得或失去焦点时更改其默认值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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>