使用jQuery完成点击按钮将索引为基数的div背景色改为绿色
您可以使用以下代码来使用jQuery完成这个任务:
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<style>
.green {
background-color: green;
}
</style>
</head>
<body>
<div>Div 1</div>
<div>Div 2</div>
<div>Div 3</div>
<div>Div 4</div>
<div>Div 5</div>
<button id="changeColorButton">Change Color</button>
<script>
$(document).ready(function() {
$("#changeColorButton").click(function() {
$("div:odd").addClass("green");
});
});
</script>
</body>
</html>
在这个例子中,我们首先引入了jQuery库。然后在页面中有一些div元素和一个按钮。当按钮被点击时,我们使用$("div:odd")选择器来选中所有索引为基数的div元素,并使用.addClass("green")来给这些div元素添加一个名为"green"的类,从而改变它们的背景色
原文地址: http://www.cveoy.top/t/topic/h16R 著作权归作者所有。请勿转载和采集!