最新JQuery 入门 - 附案例代码_jquery前端开发实战教程案例源码，2024年最新阿里三面
warning:
这篇文章距离上次修改已过250天，其中的内容可能已经有所变动。
<!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>
<style>
#myDiv {
width: 150px;
height: 150px;
background: red;
}
</style>
</head>
<body>
<div id="myDiv"></div>
<button id="changeColor">改变颜色</button>
<script>
$(document).ready(function() {
$('#changeColor').click(function() {
$('#myDiv').css('background', 'blue');
});
});
</script>
</body>
</html>这个例子展示了如何使用最新的jQuery库来改变一个元素的CSS属性。当用户点击按钮时，一个特定的ID为myDiv的div元素的背景颜色会变为蓝色。这是一个简单的交互式示例，展示了jQuery的基本用法。
评论已关闭