使用jQuery完成点击按钮将索引为偶数的div背景色改为绿色
可以使用以下代码来使用jQuery完成这个任务:
HTML代码:
<button id="changeColorBtn">点击按钮</button>
<div>第一个div</div>
<div>第二个div</div>
<div>第三个div</div>
<div>第四个div</div>
<div>第五个div</div>
<div>第六个div</div>
jQuery代码:
$(document).ready(function(){
$("#changeColorBtn").click(function(){
$("div:even").css("background-color", "green");
});
});
这段代码首先在文档准备好后,给按钮绑定了一个点击事件。当按钮被点击时,使用$("div:even")选取所有索引为偶数的div元素,并使用.css("background-color", "green")将它们的背景色改为绿色。
原文地址: http://www.cveoy.top/t/topic/h16F 著作权归作者所有。请勿转载和采集!