1、jQuery中的map使用方法

<!DOCTYPE html>

<html>

<head>

  <style>p { color:red; }</style>

  <script type="text/javascript" src="/jquery/jquery.js"></script>

</head>

<body>

<form method="post" action="">

  <fieldset>

    <div>

      <label for="two"></label>

      <input type="checkbox" value="" id="two" name="number[]">

    </div>

    <div>

      <label for="four"></label>

      <input type="checkbox" value="" id="four" name="number[]">

    </div>

    <div>

      <label for="six"></label>

      <input type="checkbox" value="" id="six" name="number[]">

    </div>

    <div>

      <label for="eight"></label>

      <input type="checkbox" value="" id="eight" name="number[]">

    </div>

  </fieldset>

</form>

<p><b>Values: </b></p>

<script>

  $("p").append($(':checkbox').map(function() {

    return this.id;

  }).get().join(','));

</script>

</body>

</html>

jQuery通过对当前集合中的每个元素调用函数对象，写法

.map(callback(index,element))

2、forEach方法

这个方法只能在非IE浏览器中使用，IE浏览器中需要写个支持，应用于数组的遍历，调用数组中的每个元素

array.forEach(callback[, thisObject]);
if (!Array.prototype.forEach)

{

 Array.prototype.forEach = function(fun /*, thisp*/)

 {

  var len = this.length;

  if (typeof fun != "function")

   throw new TypeError();

  var thisp = arguments[];

  for (var i = ; i < len; i++)

  {

   if (i in this)

    fun.call(thisp, this[i], i, this);

  }

 };

}
function printBr(element, index, array) {//数组元素，元素的索引，数组本身

 document.write("<br />[" + index + "] is " + element );

}

[, , , , ].forEach(printBr);
//这里是示例代码


//这里写了一个支持方法




注意：forEach无法在所有元素都传递给调用的函数之前终止（而for循环却有break方法），如果要提前终止，必须把forEach放在try块中，并能抛出一个异常。如果forEach()调用的函数抛出foreach.break异常，循环会提前终止：(也可以考虑用if+return的方式来跳出)




function foreach(a,b,c){

try{

a.forEach(b,c);

}catch(e){

if(e===foreach.break)return;

else throw e;

}

}

foreach.break=new Error("StopIteration");

}




3、for in


可以用来遍历数组，也可以遍历对象




var a = {"first":,"second":,"third":};




上面的这种形式就可以用for in的方式遍历




for(var x in a){

    alert(a[x]);

}


												


											
jQuery的遍历方法的更多相关文章
	

    
						
  1. jQuery通用遍历方法each的实现
		
    each介绍 jQuery 的 each 方法,作为一个通用遍历方法,可用于遍历对象和数组. 语法为: jQuery.each(object, [callback]) 回调函数拥有两个参数:第一个为对 ...
    
		
    2. 
								
  2. JQuery 的遍历方法 $.each
		
    博主呢最近在公司实习,发现公司基本上都会统一代码风格,今天看到还有很多事用JQuery写的js 请求Ajax与后台进行数据交互的方式 当我看到$each 遍历时 然我想起我学JQuery的时候 于是复 ...
    
		
    3. 
						
  3. jQuery使用（十一）：jQuery实例遍历与索引
		
    each() children() index() 一.jQuery实例遍历方法each() jQuery实例上的each()方法规定要运行的函数,并且给函数传入两个参数:index,element. ...
    
		
    4. 
						
  4. jquery中siblings方法配合什么方法一起使用
		
    siblings() 获得匹配集合中每个元素的同胞,通过选择器进行筛选是可选的.接下来通过本文给大家介绍jQuery siblings()用法实例详解,需要的朋友参考下吧 siblings() 获得匹 ...
    
		
    5. 
						
  5. jQuery的end() 方法
		
    定义和用法 end() 方法结束当前链条中的最近的筛选操作,并将匹配元素集还原为之前的状态. 语法 .end() 详细说明 大多数 jQuery 的遍历方法会操作一个 jQuery 对象实例,并生成一 ...
    
		
    6. 
						
  6. JS数组与对象的遍历方法大全
		
    本文简单解析各种数组和对象属性的遍历方法: 原生for循环.for-in及forEach ES6 for-of方法遍历类数组集合 Object.key()返回键名的集合 jQuery的$.each() ...
    
		
    7. 
						
  7. jQuery三——筛选方法、事件
		
    一.jquery常用筛选方法 以下为jquery的常用筛选方法: 代码示例如下: <!DOCTYPE html> <html lang="en"> < ...
    
		
    8. 
						
  8. Jquery中each的三种遍历方法
		
    Jquery中each的三种遍历方法 $.post("urladdr", { "data" : "data" }, function(dat ...
    
		
    9. 
						
  9. JavaScript、jQuery、fish的遍历方法(each、forEach)总结
		
    起因 在工作中,需要在遍历的dom中找到第一个并做下操作然后退出遍历,我首先想到了用each方法,但由于无论是公用的jQuery组件还是公司的fish组件.我都忘记了怎么去退出遍历,所以就有了这篇帖子 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. mycat读写分离
			
    版本:mycat1.0  只需要读写分离的功能,分库分表的都不需要. 涉及到的配置文件:  1.conf/server.xml  主要配置的是mycat的用户名和密码,mycat的用户名和密码和mys ...
    
			
    2. 
						
  2. WPF之小动画三
			
    如果前两篇的博客太为普通,那么接下来的内容将让你动画实在是太厉害了.本文将会介绍两个关于纯手工实现动画的形式,当然动画效果就不用我多说了. 基于帧的动画: 此处的帧并不是之前介绍的Animation这 ...
    
			
    3. 
						
  3. POJ3687——Labeling Balls(反向建图+拓扑排序)
			
    Labeling Balls DescriptionWindy has N balls of distinct weights from 1 unit to N units. Now he tries ...
    
			
    4. 
						
  4. Servlet 下载文件
			
    这几天有点懒散,还好没有忘记看书,上周去了国家图书馆翻阅了一些和Java相关的书籍,其实这些书都是自己以前看过或者听过,按理来说,不应该看自己已经看过的书籍,应该找一些最新的书籍去看,但是每次走到书架 ...
    
			
    5. 
						
  5. LINUX进程优先级实现
			
    首先linux进程优先级的范围是-20到19 将当前目录下的documents目录打包,但不希望tar占用太多CPU: nice -19 tar zcf pack.tar.gz documents 这 ...
    
			
    6. 
						
  6. C# 第三方DLL，可以实现PDF转图片，支持32位系统、64位系统
			
    itextsharp.dll,是一个开源的在C#中用来生成PDF文档的库文件,不少C#爱好者用它制作出了PDF文档生成器.使用时只需在你的C#项目中添加引入此组件即可,使用方法网上有很多,自己查阅一下 ...
    
			
    7. 
						
  7. fiddler代理
			
    对于前段开发人员,fiddler 是一个必不可少的调试神器.下载地址:http://www.telerik.com/download/fiddler. 有同学也许会碰到,chrome 下 fiddle ...
    
			
    8. 
						
  8. poj3265
			
    考状态的dp 我的方法可能比较奇怪 设f[i,j]表示第i个月解决j个问题可以最多解决到第几个问题 容易知道,答案(月份)不会超过2n+1: f[i,j]=max(f[i-1,k]+j) 复杂度为O( ...
    
			
    9. 
						
  9. CentOS 7 安装 mariaDB
			
    1.安装数据库 [root@localhost ~]# yum -y  install mariadb-server mariadb mariadb-devel 2.启动数据库[root@localh ...
    
			
    10. 
						
  10. NFA和DFA区别
			
    一个数据块的访问时间等于寻道时间.旋转延迟时间和数据传输时间三者之和: NFA和DFA区别: 一个状态如A,遇0可以转换到下一个状态B或C,因为选择多所以不确定,因此为不确定的有限自动机: 一个状态还 ...
    
			
    11.