📌  相关文章
📜  在 Jquery 中通过 id 获取元素 - Javascript (1)

📅  最后修改于: 2023-12-03 15:23:10.929000             🧑  作者: Mango

在 jQuery 中通过 id 获取元素

在 jQuery 中，我们可以使用 $() 函数来通过 id 获取一个元素。

$("#element-id");

在这种情况下，#element-id 是一个 CSS 选择器，指定具有指定 id 的元素。

下面是一个实际的示例，用于在文本框中显示用户输入的文本。

<!DOCTYPE html>
<html>
<head>
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
  <input type="text" id="user-input">
  <button id="submit-button">Submit</button>
  <div id="output"></div>
  <script>
    $(document).ready(function() {
      $("#submit-button").click(function() {
        var userInput = $("#user-input").val();
        $("#output").text(userInput);
      });
    });
  </script>
</body>
</html>

在这个例子中，我们首先在标题中引入 jQuery 库。然后我们在文档就绪后开始执行。我们使用 $() 函数获取一个具有特定 id 的元素，并添加一个单击事件监听器。

当用户单击提交按钮时，我们获取用户输入文本框的值，并将其插入到具有指定 id 的 div 元素中。

通过这个简单的例子，我们可以看到如何使用 jQuery 中的 id 选择器来获取和操作元素。