jQuery中each方法的使用详解
概述：
each() 方法规定为每个匹配元素规定运行的函数。
返回 false 可用于及早停止循环,相当于break。
返回 true 可以结束本次循环，相当于continue。
语法:
$(selector).each(function(index,element){ })
index - 选择器的 index 位置
element - 当前的元素（也可使用 "this" 选择器）
$(selector).each(function(){ })
$.each(array,function(Key,Value){ })
1.遍历js数组
$(function(){
var array=["aaa","bbb","ccc"];
$.each(array,function(i,j){
alert(i+":"+j); //i表示索引，j代表值
});
})
2.遍历Object对象
var obj = new Object();
obj.name="zs";
$.each(obj, function(name, value) {
alert(this); //this指向当前属性的值,等价于value
alert(name); //name表示Object当前属性的名称
alert(value); //value表示Object当前属性的值
});
3.遍历JSON对象
var json ={"name":"zhangSan","role":"student"};
$.each(json,function(key,value){
alert(key+":"+value);
});
4.遍历由多个JSON对象组成的数组
var json =[{"name":"Amy","role":"student"},{"name":"Tom","role":"student"}];
$.each(json, function(index, value) {
alert("index="+index+"\n" +"name:"+value.name+"\n"+"role:"+value.role+"\n");
});
5.遍历jQuery对象
<head>
<meta charset="utf-8" />
<title>遍历jQuery对象</title>
<script src="js/jquery-1.12.4.js"></script>
<script type="text/javascript">
$(function(){
$("input[type='button']").bind("click",function(){
$("li").each(function(){
alert($(this).text())
});
});
});
</script>
</head>
<body>
<input type="button" value="触发事件"/>
<ul>
<li>first</li>
<li>second</li>
</ul>
</body>
总结
以上所述是小编给大家介绍的jQuery中each方法的使用详解，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的！
-
本文向大家介绍详解jQuery-each()方法，包括了详解jQuery-each()方法的使用技巧和注意事项，需要的朋友参考一下 jquery中有隐式迭代，不需要我们再次对某些元素进行操作。但是如果涉及到不同元素有不同操作，需要进行each遍历。本文利用10个li设置不同的透明度的案例，对each方法进行说明。 语法： $(元素).each(function(index,element){ }
-
本文向大家介绍jQuery中$.each使用详解，包括了jQuery中$.each使用详解的使用技巧和注意事项，需要的朋友参考一下 通过它，你可以遍历对象、数组的属性值并进行处理。 使用说明 each函数根据参数的类型实现的效果不完全一致： 1、遍历对象(有附加参数) 2、遍历数组(有附件参数) 3、遍历对象(没有附加参数) 4、遍历数组(没有附加参数) 下面提一下jQuery的each方法的几种
-
本文向大家介绍jquery 遍历数组 each 方法详解，包括了jquery 遍历数组 each 方法详解的使用技巧和注意事项，需要的朋友参考一下 JQuery拿取对象的方式 $(‘#id') ：通过元素的id $(‘tagName') : 通过元素的标签名 $(‘tagName tagName') : 通过元素的标签名,eg: $(‘ul li') $(‘tagName#id): 通过元素的id
-
本文向大家介绍jQuery使用each遍历循环的方法，包括了jQuery使用each遍历循环的方法的使用技巧和注意事项，需要的朋友参考一下 1、选择器+遍历 2、选择器+遍历 3、更适用的遍历方法 1）先获取某个集合对象 2）遍历集合对象的每一个元素 下面看下jQuery 遍历 - each() 方法 总结 以上所述是小编给大家介绍的jQuery使用each遍历循环的方法，希望对大家有所帮助，如果
-
本文向大家介绍详解jQuery中的prop()使用方法，包括了详解jQuery中的prop()使用方法的使用技巧和注意事项，需要的朋友参考一下 prop()定义和用法 prop() 方法设置或返回被选元素的属性和值。 当该方法用于返回属性值时，则返回第一个匹配元素的值。 当该方法用于设置属性值时，则为匹配元素集合设置一个或多个属性/值对。 注意：prop() 方法应该用于检索属性值，例如 DOM
-
本文向大家介绍jQuery的end()方法使用详解，包括了jQuery的end()方法使用详解的使用技巧和注意事项，需要的朋友参考一下 end()方法的定义和用法: end()方法能够回到最近的一个"破坏性"操作之前，即将匹配的元素列表变为前一次的状态。 如果没有破坏性操作将返回一个空集。 破坏性操作的概念:指任何改变所匹配元素的操作。可能大家对这个概念比较模糊，举个例子: 以上代码的CSS函数就