jquery的each遍历方法是干什么的(前端解决跨域的三种方法)

each() 方法规定为每个匹配元素规定运行的函数。写的十分的全面细致,具有一定的参考价值,对此有需要的朋友可以参考学习下。如有不足之处,欢迎批评指正。

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>

结语

感谢您的观看,如有不足之处,欢迎批评指正。

最后

好了,本文到此结束,希望对你有所帮助:)

如果还有什么疑问或者建议,可以多多交流,文中若有不正之处,万望告知。

觉得本文对你有所帮助?请分享给更多人

发表评论

登录后才能评论