jquery 选中input内容

基础概念

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

类型

jQuery 选择器用于在 DOM 中查找元素。常见的选择器类型包括：

基本选择器：#id、.class、element
组合选择器：div.class、div#id、div.class#id
属性选择器：[attribute]、[attribute=value]
伪类选择器：:first、:last、:even、:odd 等

应用场景

jQuery 常用于以下场景：

DOM 操作：添加、删除或修改 DOM 元素。
事件处理：绑定和处理各种事件，如点击、滚动等。
动画效果：实现平滑的动画效果。
Ajax 交互：简化与服务器的数据交互。

示例代码

以下是一个简单的示例，展示如何使用 jQuery 选中并修改 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" value="Hello, World!">
    <button id="changeButton">修改内容</button>

    <script>
        $(document).ready(function() {
            $('#changeButton').click(function() {
                $('#myInput').val('新的内容');
            });
        });
    </script>
</body>
</html>