jQuery 参考指南
以下是一个简单的jQuery代码示例,它展示了如何使用jQuery库来更改段落的文本内容:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery Example</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function() {
// 当按钮被点击时,更改p元素的文本内容
$('#changeTextBtn').click(function() {
$('p').text('这是新的段落文本。');
});
});
</script>
</head>
<body>
<p>这是一个段落。</p>
<button id="changeTextBtn">更改文本</button>
</body>
</html>
这段代码中,我们首先在<head>
标签内包含了jQuery库。然后,在<script>
标签内编写了jQuery代码。当文档加载完成时($(document).ready
),我们为按钮设置了一个点击事件监听器($('#changeTextBtn').click
),当按钮被点击时,会找到页面上的所有<p>
元素并更改它们的文本内容($('p').text
)。
评论已关闭