jQuery简单小案例
warning:
这篇文章距离上次修改已过440天，其中的内容可能已经有所变动。
以下是一个使用jQuery实现的简单小案例，该案例展示了如何点击按钮后改变元素的文本内容：
HTML部分：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery简单小案例</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<button id="changeTextBtn">点击我改变文本</button>
<div id="textDiv">这是一段文本。</div>
<script>
// 在这里写你的jQuery代码
$(document).ready(function() {
$('#changeTextBtn').click(function() {
$('#textDiv').text('文本已经改变！');
});
});
</script>
</body>
</html>在这个例子中，当用户点击按钮时，使用jQuery选择器选中id为textDiv的元素，并使用.text()方法将其文本内容改变为"文本已经改变！"。这是jQuery中非常基础和常用的一个操作文本内容的方法。
评论已关闭