$.each()遍历

作者: 鸭梨山大哎 | 来源:发表于2017-06-19 15:36 被阅读122次

$.each()干嘛的?

用来遍历的。

能遍历什么?

比如数组,dom元素,json数据

有参数么?是什么?

有。而且都有两个,一般第一个是要被遍历的对象。第二个是一个函数,而且这个函数哟与两个参数,第一个参数一般代表索引,第二个参数代表具体的值或者对象。

与jquery中的其他遍历,比如next(),parent()之类的有何不同?

那些只能遍历dom元素。也就是jquery对象。

$.each()中$代表什么?

大概是jquery团队正的一个大一统遍历,然后就这么规定了。

与$.(selector).each()有何不同?

$.each()不需要选择器来确定遍历的对象,因为其第一个参数确定了待遍历的对象。。第二个参数function可以决定对这个遍历对象执行什么动作。

举个例子

遍历数组

var arr1 = [ "aaa", "bbb", "ccc" ]; 
$.each(arr1, function(i,val){ 
alert(i); 
alert(val);
});

下面这个和上面的作用完全一样

var arr1 = [ "aaa", "bbb", "ccc" ]; 
$.each(arr1, function(a,b){ 
alert(a); 
alert(b);
});

这所吗function参数的参数意义是固定的,第一个代表数组索引,第二个代表值。

遍历json数据

var obj = { one:1, two:2, three:3}; 
each(obj, function(key, val) { 
alert(key); 
alert(val); 
});

遍历dom元素

<input name="aaa" type="hidden" value="111" />
<input name="bbb" type="hidden" value="222" />
<input name="ccc" type="hidden" value="333" />
<input name="ddd" type="hidden" value="444"/>
<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"></script>

<script>
$.each($("input"),function(a,b){
    alert(a);
    alert(b);
    alert(b.name)
})
</script>

其中a代表索引,b代表低n个input元素。

相关文章

  • 第14章工具函数

    $.trim()去掉字符串两边空格 $.each()遍历数组 $.each()遍历对象 注意:$.each()中 ...

  • JQuery each遍历DOM节点与遍历数组和对象

    each遍历DOM节点: 用法demo: each用于遍历数组和对象 用法 demo*遍历数组 输出结果: *遍历...

  • jQuery(二)

    offset audio和video each遍历jQuery对象 each遍历jQuery对象 了解date 多...

  • jQuery(二)_遍历

    jQuery(二)_遍历 each 重写each 遍历text 遍历html 向每个div中添加数组项,点击可以跳...

  • $.each()遍历

    $.each()干嘛的? 用来遍历的。 能遍历什么? 比如数组,dom元素,json数据 有参数么?是什么? 有。...

  • each遍历

    1.jquery 遍历对象

  • jquery中$.each()、$().each(functio

    $.each()对数组、json和DOM结构等的遍历,$().each(function(i){}),只能遍历jQ...

  • Sass预编译语法

    1. 遍历@each,完成padding类、font-size计算类. @each in遍历、$变量、定义数组的圆...

  • Iterator and Generator

    for/each 循环 for/each 与 for/in 循环类似。但for/each并不遍历对象的属性,而是遍...

  • 快捷键

    一、遍历 遍历就近数组:增强:iter Iterate (for each..in)

网友评论

本文标题:$.each()遍历

本文链接:https://www.haomeiwen.com/subject/nlggqxtx.html