jquery里面的each是什么意思急急急

xwoverine 2013-11-18 01:10:21

jquery里面的each是什么意思请帮我举一个简单的例子

...全文

488 9 打赏收藏转发到动态举报

写回复

用AI写文章

9 条回复

切换为时间正序

请发表友善的回复…

发表回复

别闹腰不好 2013-11-20

打赏
举报

$.each(目标，回调函数（索引或key，当前值）{})

冰镇宝贝321 2013-11-19

打赏
举报


<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    $("li").each(function(){
      alert($(this).text())
    });
  });
});
</script>
</head>
<body>
<button>输出每个列表项的值</button>
<ul>
<li>Coffee</li>
<li>Milk</li>
<li>Soda</li>
</ul>
</body>
</html>

sliwey 2013-11-18

打赏
举报

http://www.cnblogs.com/xiaojinhe2/archive/2011/10/12/2208740.html 楼主看下吧

阿鱼 2013-11-18

打赏
举报

（1）jquery里有两个each方法，本质上这两个方法都是在进行遍历，但细节上有些区别： 1.对象方法，即：$('selector').each(func)。该each是对$('selector')匹配的每个元素执行函数func。如：


//遍历每个li，将每个li元素的背景颜色设置为红色
$('li').each(function(){
  $(this).css('background','red');
})

2.静态方法，直接挂靠在$上的方法，即：$.each(collection,func)。该each方法是jquery提供的对数组或对象进行遍历的一个简便操作。如：


//遍历数组arr，弹出每个数组元素及其索引值。
var arr=['a','b','c'];
$.each(arr,function(index,value){
  alert(index+'---'+value)
});

（2）详细了解的话，google一下文档看吧

tony4geek 2013-11-18

打赏
举报

循环数据了。

zhjdg 2013-11-18

打赏
举报

jQuery.each: function( obj, callback, args ) {
		var value,
			i = 0,
			length = obj.length,
			isArray = isArraylike( obj );

		if ( args ) {
			if ( isArray ) {
				for ( ; i < length; i++ ) {
					value = callback.apply( obj[ i ], args );

					if ( value === false ) {
						break;
					}
				}
			} else {
				for ( i in obj ) {
					value = callback.apply( obj[ i ], args );

					if ( value === false ) {
						break;
					}
				}
			}

		// A special, fast, case for the most common use of each
		} else {
			if ( isArray ) {
				for ( ; i < length; i++ ) {
					value = callback.call( obj[ i ], i, obj[ i ] );

					if ( value === false ) {
						break;
					}
				}
			} else {
				for ( i in obj ) {
					value = callback.call( obj[ i ], i, obj[ i ] );

					if ( value === false ) {
						break;
					}
				}
			}
		}

		return obj;
	}

each: function( callback, args ) {
		return jQuery.each( this, callback, args );
	}

似梦飞花 2013-11-18

打赏
举报

数组遍历吧？

萧萧可乐 2013-11-18

打赏
举报

顾名思义就是变量


<ul>
	<li>aaaaaaa</li>
	<li>aaaaaaa</li>
	<li>aaaaaaa</li>
	<li>aaaaaaa</li>
	<li>aaaaaaa</li>
	<li>aaaaaaa</li>
</ul>
</body>


var _li = $("li");
_li.each( function(){
	console.log( this );
});
$.each( _li , function(){
	console.log( this );
});

张运领 2013-11-18

打赏
举报

<ul id = "a">
	<li class = "1"></li>
	<li class = "2"></li>
	<li class = "3"></li>
	<li class = "4"></li>
	<li class = "5"></li>
</ul>

$(document).ready(function(){
		$("#a li").each(function(index){
			//$("#a li")这个是取到一组数据的，each就是类似操作数组似的，把这每组数据单独取出来，然后操作。
			//看index，就是类似数组的一个值，取值从0开始，
			//this在就是当前正在操作的那个数组内的值，这里就是正在操作的li元素
			var cla = $(this).attr("class");
			console.log("class="+cla);
			console.log("index="+index);
		});
	});

这样能看出来点啥不？

jquery.js 工具文件

jquery.qrcode.min.js 二维码的jquery插件

异步提交表单和上传文件jquery-form.js

JVectorMap是一款基于jQuery的矢量地图插件，它是基于SVG结构的，和其他jQuery地图插件不同的是，jVectorMap是矢量地图。同样支持地图缩放和地图平面移动等相应的功能。由于JVectorMap是基于jQuery的，所以支持大部分主流的浏览器，应用也相当广泛。

利用jQuery内部封装的拖拽接口即可简单实现在网页上拖拽任意元素，需要拖动应用图标至垃圾箱即可删除这个图标。主要包括HTML代码、CSS3代码以及jQuery代码。HTML代码主要定义了一个回收站文件夹的容器，以及各个小图标的图片。