~~~
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
<script>
$(function() {
//each() => for
//$('li').html('hello'); //相同操作的，不用each就可以
// $('li').each(function(i, elem){
// alert(i);
// });
//each中的第一个形参i就是for循环中的i
$('li').each(function(i, elem){
elem.style.background = 'yellow';
// $(elem).css('background', 'red');
});
//each中的第二个参数elem就是每个元素
//elem返回的是原生的元素，要转成jQuery对象要用$()括起来
})
</script>
</head>
<body>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</body>
</html>
~~~
***
### return false跳出循环
~~~
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
<script>
$(function() {
//原生跳出循环用break
//jQuery中跳出循环用return false;
$('li').each(function(i,elem){
$(this).html(i);
if(i == 2){
return false;
}
})
})
</script>
</head>
<body>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</body>
</html>
~~~
