jQuery中的几个函数

       

        Last modified:2013-06-13 07:46:22

        ***********************************************

JQuery API 下载:

http://julying.com/jQuery-1.6-api/#p=download

 

JQuery中的几个函数:

$.map(arry,fn):对数组arrayListProxy中每个元素调用fn函数逐个进行处理,fn函数将处理返回,最后得到一个新的数组。

var arr=[3,4,5];

var arr2 = $.map(arr,function(item){return item*2});

item代表当前项;

$.map不能处理dictionary风格的数组。

 

$.each(arry,fn):对数组中的每一个元素调用fn函数进行处理,没有返回值。

var arr ={"tom":"汤姆","jerry":"杰瑞"};

$.each(arr,function(key,value){

alert(key+"="+value);

});

注意:如果是普通风格的数组,则key值是序号。

还可以省略function的参数,这时候用this可以得到遍历的当前元素:

var arr = [2,3,5];

$.each(function(){

alert(this);

});

 

例如:

<script type="text/javascript">
var arr = [3,5,7,6];
$(function(){
  $.each(arr,function(key,value){
         $("body").append(key+"="+value+"<br/>");
	});
});
var arr2={"tom":"汤姆","jay":"间","jerry":"杰夫"};
$(function(){
  $.each(arr2,function(key,value){
	  alert(key+" is "+this);						                                  $("body").append(key+"="+value+"<br/>");
     });
});
//$.map又返回值, $.each最好以后写成key,value带参数的形式,不容易出错。
$(function(){
		$.each($.map(arr,function(item){ return item*3}),function(){
	              $("div").append(this+"<br/>");
		});
});
</script>

 

 

总结:$.map又返回值, $.each最好以后写成key,value带参数的形式,不容易出错。

 

 

<script type="text/javascript">
var arr = [3,5,7,6];
$(function(){
	$.each(arr,function(key,value){
		$("body").append(key+"="+value+"<br/>");
	});
});
var arr2={"tom":"汤姆","jay":"间","jerry":"杰夫"};
$(function(){
	$.each(arr2,function(key,value){
		alert(key+" is "+this);	
		$("body").append(key+"="+value+"<br/>");
	});
});

$(function(){
	$.each( $.map(arr,function(item){ return item*3}),function(){
		$("div").append(this+"<br/>");
	});
});
</script>

 

相关推荐