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() {
$('#myPara').text('jQuery 功能强大!');
});
});
</script>
</head>
<body>
<button id="myButton">点击我</button>
<p id="myPara">这是一个段落。</p>
</body>
</html>
这个HTML文档包含了jQuery库的引用,并在<script>
标签内定义了一个事件处理器。当文档加载完成后,它会设置一个点击事件监听器给id为myButton
的按钮。当按钮被点击时,id为myPara
的段落的文本内容会被改变为"jQuery 功能强大!"。这个示例展示了jQuery如何简化JavaScript编程任务,并提高开发效率。
评论已关闭