最近学习JQuery,学到$.each()略有所得,在此与各位分享,有不足之处请给予指正。

     该方法的一般用法为$.each(obj,function(index,row){});

     举例说明:

     <head>
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript">
      var arr=['a','b','c','d','f','g'];
      $(document).ready(function(){
         $.each(arr,function(key,val){
           $('.show').append(key+"\t");    
         });
      });     
    </script>
  </head>
  <body>
     <div class="show"></div>
  </body>

  输出结果:0 1 2 3 4 5

  若将蓝色字体的代码换成$('.show').append(val+"\t");

  则输出结果是:a b c d e f g

  由此可见,参数key和val就是数组arr的"键值"和"值"。
  若定义一个对象:

  var obj={a:1,b:2,c:3,d:4,f:5,g:6};

  $.each(obj,function(key,val){
           $('.show').append(key+"\t");   });输出为:a b c d e f g

$.each(obj,function(key,val){
           $('.show').append(val+"\t");   });输出为:1 2 3 4 5 6

可见有JQuery的.each()类方法访问数组和对象"键值","值"是很方便的。

  还有一个普通的each()方法。该方法的用法如下:

$(document).ready(function(){
         $('div p').each(function(index){
           alert(index);   
         });

<div>
      <p></p>
      <p></p>
      <p></p>
 </div>

输出结果为:依次弹出0 1 2

因此index就是标签<p>的键值(第一个标签<p>的键值为0)。

在此给出了两个each()放的用法,如有不足及错如之处请指出更正。

posted on 2011-03-24 18:34  MindUtopia  阅读(422)  评论(1)    收藏  举报