jQuery前端框架 - 一小时了解与使用
<!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>
<script>
$(document).ready(function() {
// 当按钮被点击时,改变段落的文本
$('#myButton').click(function() {
$('#myParagraph').text('jQuery 功能强大!');
});
});
</script>
</head>
<body>
<button id="myButton">点击我</button>
<p id="myParagraph">这是一个段落。</p>
</body>
</html>
这个简单的HTML文档展示了如何在网页中包含jQuery库,并在文档加载完成后绑定一个事件处理器到按钮上。当按钮被点击时,一个特定的段落的文本内容会被改变。这个示例演示了jQuery的基本用法,并且是学习jQuery的一个很好的起点。
评论已关闭