jQuery设置与获取HTML,文本和值的简单实例


当然,以下是一个使用jQuery来设置与获取HTML内容、文本内容和表单元素值的简单实例。这个示例假设你已经引入了jQuery库。

### HTML结构


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery 示例</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>
<body>

<div id="myDiv">这是原始的HTML内容。</div>
<p>这是原始的<span>文本</span>内容。</p>
<input type="text" id="myInput" value="原始值">

<button id="setBtn">设置内容</button>
<button id="getBtn">获取内容</button>

<script>
// jQuery代码将放在这里
</script>

</body>
</html>

### jQuery代码

在`

这段代码展示了如何使用jQuery的`.html()`, `.text()`, 和 `.val()`方法来分别设置和获取HTML内容、文本内容和表单元素的值。当点击“设置内容”按钮时,页面的相应部分会被更新。当点击“获取内容”按钮时,会弹出对话框显示当前的内容。