正文

jquery获取input的值 jquery获取input的值通过name

小编
小编 V管理员 /0 评论 /17 阅读
1226
欧意国内注册

jQuery获取input的值

jQuery是一个强大的JavaScript库，它简化了HTML文档遍历、事件处理、动画和Ajax交互等操作，在jQuery中，我们可以使用val()方法来获取input元素的值，以下是一个简单的示例：

我们需要在HTML中创建一个input元素：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>jQuery获取input的值</title>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
    <input type="text" id="myInput" placeholder="请输入内容">
    <button id="getValue">获取值</button>
    <p id="result"></p>
    <script>
        $(document).ready(function(){
            $("#getValue").click(function(){
                var inputValue = $("#myInput").val();
                $("#result").text("输入的内容是：" + inputValue);
            });
        });
    </script>
</body>
</html>

在这个示例中，我们创建了一个名为myInput的input元素，并为其添加了一个id，我们创建了一个按钮，当点击该按钮时，会触发一个函数，在这个函数中，我们使用$("#myInput").val()来获取input元素的值，并将其存储在变量inputValue中，我们将获取到的值显示在一个名为result的段落元素中。

通过这个示例，我们可以看到如何使用jQuery轻松地获取input元素的值，当然，jQuery还有很多其他功能，可以帮助我们更高效地处理HTML文档和用户交互。