jquery给文本框赋值

基础概念

jQuery 是一个快速、小巧且功能丰富的 JavaScript 库，它简化了 HTML 文档遍历、事件处理、动画和 Ajax 交互。通过 jQuery，你可以轻松地选择页面元素、操作 DOM、处理事件等。

类型

jQuery 的赋值操作主要分为以下几种类型：

文本赋值：将文本内容赋值给元素。
HTML 赋值：将 HTML 内容赋值给元素。
属性赋值：将属性值赋值给元素。

应用场景

在网页开发中，经常需要动态地修改页面上的文本内容。例如，根据用户的操作更新表单输入框的值，或者在页面加载时显示一些提示信息。

示例代码

以下是使用 jQuery 给文本框赋值的示例代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <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="btn">点击赋值</button>

    <script>
        $(document).ready(function() {
            $('#btn').click(function() {
                $('#myInput').val('Hello, jQuery!');
            });
        });
    </script>
</body>
</html>