<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>jQuery偶数奇数过滤器</title>
<script type="text/javascript" src="js/jquery-3.3.1.js"></script>
<style type="text/css"></style>
<script type="text/javascript">
$(function(){
$("div:even").css("background-color","red"); //取得div的even偶数索引
$("div:odd").css("background-color","green"); //取得div的odd奇数索引
});
</script>
</head>
<body>
<div>
索引：0 -- 表格各行换色 作用：方便区分行与行之间的区别
<div>
索引：1 -- 表格各行换色 作用：方便区分行与行之间的区别
</div>
</div>
<div>
索引：2 -- 表格各行换色 作用：方便区分行与行之间的区别
</div>
<div>
索引：3 -- 表格各行换色 作用：方便区分行与行之间的区别
</div>
<div>
索引：4 -- 表格各行换色 作用：方便区分行与行之间的区别
</div>
</body>
</html>
