jQuery中的遍历

在原生javascript中我们用的最多的遍历就是for,但是在jQuery里面有个方法比for还有强大,它就是我们经常看到的each()方法,当然了如果考虑性能方面的话还是建议用for来进行元素的遍历操作。

each() 方法规定为每个匹配元素规定运行的函数。

<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
</head>
 <script  src="jquery-1.11.1.min.js"></script> 
<script type="text/javascript">
$(function(){
// $("ul li").each( function(index, val) {
// alert(index) /*把每个li都依次弹出,也就是每个Li都执行一次这个函数*/
// });
var lilen= $("ul li").length;
var li=$("ul li");
for(var i=0;i<lilen;i++){ /*用FOR来代替each方法,执行每个Li都执行函数*/
alert(i)
}
})
</script>


<body>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
</ul>
</body>
</html>



posted @ 2014-10-27 14:40  rose_sun  阅读(90)  评论(0编辑  收藏  举报