jQuery的三种遍历循环

0.总述for循环$.eachfor in1.简述$.each(object,function(index,e){...});object --> 需要遍历的对象或数组index--> 索引e--> 循环的每个元素2.代码<!DOCTYPE html><html><b...

思维小刀

36983人浏览 · 2019-06-03 16:08:58

思维小刀 · 2019-06-03 16:08:58 发布

0.总述

for循环

$.each

for in

1.简述

$.each(object,function(index,e){  ...  });    

object --> 需要遍历的对象或数组
index  --> 索引    
e      --> 循环的每个元素

2.代码

<!DOCTYPE html>
<html>
<body>
<ul id="ul">
	<li>1</li>
	<li>2</li>
	<li>3</li>
	<li>4</li>
</ul>
</body>
</html>


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

	$(function(){

		var lis = $("#ul li");
		
		console.debug("方式①：使用普通for循环   ");
		for(var i=0;i<lis.length;i++){
			var li = lis[i];
			var value = $(li).html();
			console.debug(value);
		}
		
		
		console.debug("方式②：使用jquery方式循环");
		$.each(lis,function(index,obj){  //index:索引obj:循环的每个元素
			var value = $(obj).html();
			console.debug(value);
		}); 
		
		console.debug("方式②：使用jquery方式循环");
		lis.each(function(index,obj){
			var value = $(obj).html();
			console.debug(value);
		});
	});

</script>

3.for in

View Design

基于 Vue 的企业级 UI 组件库和中后台系统解决方案，为数万开发者服务。

更多推荐

Element UI组件介绍

简介element ui 就是基于vue的一个ui框架,该框架基于vue开发了很多相关组件,方便我们快速开发页面。1、安装Element UI，通过vue脚手架创建项vue init webpack element(项目名)2、在vue脚手架项目中安装elementui# 1.下载elementui的依赖npm i element-ui -S# 2.指定当前项目中使用elementuiimport