Jquery each函数详细使用方法

Jquery each函数的详细使用方法

HTML正文：

  <input type="button" id="b1" value="方法1"><br>  <input type="button" id="b2" value="方法2"><br>  <input type="button" id="b3" value="方法3"><br>  <select size=3 multiple="multiple">  <option>美国</option>  <option>中国</option>  <option>德国</option>  <option>法国</option>  <option>德国</option>  <option>法国</option>  <option>英国</option>  </select>

Javascript处理代码：

  //Jquery each函数的第1种用法：最常见  $("#b1").click(function(){   $("select option:selected").each(function(){   //alert($(this).val());  //this表示当前数组objs的成员对象（dom对象）   alert(this.value);    });  });  //Jquery each函数的第2种用法   $("#b2").click(function(){   var $objs=$("select option:selected");   $.each($objs,function(){         alert(this.value);    });  });   //Jquery each函数的第3种用法：如果需要遍历显示数组及下标，该方法比较实用   $("#b3").click(function(){   var $objs=$("select option:selected");   $.each($objs,function(i,item){ //item表示objs的成员变量   //alert(item.value);    alert("第"+(i+1)+"个国家:"+$(item).val());   });  });

效果：