📌  相关文章
📜  jquery 替换 div 中的文本 - Javascript (1)

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

jQuery 替换 div 中的文本 - JavaScript

在网页开发过程中，经常需要动态地更改 HTML 元素的内容。而 jQuery 是一个能够让 JavaScript 编写的更加简洁高效的工具库，可以极大地方便开发人员的工作。下面介绍如何使用 jQuery 替换 div 中的文本。

替换 div 中的文本

首先，需要在 HTML 文件中添加一个 div 元素，例如：

<div id="myDiv">Hello World!</div>

接着，在 JavaScript 文件中使用 jQuery 的 .text() 方法来替换 div 中的文本内容，例如将原始内容 "Hello World!" 替换为 "Hello jQuery!"：

$("#myDiv").text("Hello jQuery!");

上面的代码中，$("#myDiv") 选中了 id 为 "myDiv" 的 div 元素，.text("Hello jQuery!") 则用新的文本内容 "Hello jQuery!" 替换了原来的文本内容。

完整代码

下面是完整的替换 div 中的文本的代码示例：

<!DOCTYPE html>
<html>
<head>
  <title>jQuery Text Replacement</title>
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
  <div id="myDiv">Hello World!</div>
    
  <script>
    $("#myDiv").text("Hello jQuery!");
  </script>
</body>
</html>
总结

使用 jQuery 替换 div 中的文本十分简单，只需要使用 .text() 方法即可。然而，jQuery 还提供了许多其他方法来更改 HTML 元素的内容，例如 .html() 方法、.append() 方法等，可以根据实际需求进行选择和使用。