<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript" src="../jquery-1.12.4.min.js"></script>
<script type="text/javascript">
$(function(){
var $li = $(‘.list li‘);
// jquery可以對選擇集中的元素一起設置屬性
$li.css({‘backgroundColor‘:‘red‘})
$li.each(function(index){
// index參數可寫可不寫,其表示每個元素的下標,也可以通過如下方式獲取每個元素的索引值
$(this).index();
// 裏面的語句會執行8次
$li.eq(index).css({‘backgroundColor‘:‘gold‘});
})
});
</script>
</head>
<body>
<ul class="list">
<li>t1</li>
<li>t2</li>
<li>t3</li>
<li>t4</li>
<li>t5</li>
<li>t6</li>
<li>t7</li>
<li>t8</li>
</ul>
</body>
</html>