jQuery 是一个快速、简洁的 JavaScript 库,它简化了 HTML 文档遍历、事件处理、动画和 Ajax 交互。给文本框赋值是 jQuery 中的一个基本操作,可以通过多种方式实现。
.val()
方法:用于设置或返回表单字段的值。.val()
方法直接设置文本框的值。以下是一些常见的给文本框赋值的方法:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery 给文本框赋值示例</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<input type="text" id="myInput">
<button id="setValueButton">赋值</button>
<script>
$(document).ready(function() {
$('#setValueButton').click(function() {
$('#myInput').val('Hello, jQuery!');
});
});
</script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery 动态赋值示例</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<input type="text" id="myInput">
<button id="setValueButton">赋值</button>
<script>
$(document).ready(function() {
$('#setValueButton').click(function() {
var newValue = 'Hello, ' + prompt('请输入你的名字:');
$('#myInput').val(newValue);
});
});
</script>
</body>
</html>
.val()
方法没有正确调用。.val()
方法在正确的元素上调用。通过以上示例和解释,你应该能够理解如何使用 jQuery 给文本框赋值,并解决一些常见问题。
没有搜到相关的沙龙