博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery 遍历函数
阅读量:4133 次
发布时间:2019-05-25

本文共 1720 字,大约阅读时间需要 5 分钟。

each的用法

 1.数组中的each

var arr = [ "one", "two", "three", "four"];      $.each(arr, function(){         alert(this);      });   //上面这个each输出的结果分别为:one,two,three,four        var arr1 = [[1, 4, 3], [4, 6, 6], [7, 20, 9]]     $.each(arr1, function(i, item){        alert(item[0]);     });     //其实arr1为一个二维数组,item相当于取每一个一维数组,   //item[0]相对于取每一个一维数组里的第一个值   //所以上面这个each输出分别为:1   4   7         var obj = { one:1, two:2, three:3, four:4};     $.each(obj, function(i) {         alert(obj[i]);           });   //这个each就有更厉害了,能循环每一个属性     //输出结果为:1   2  3  4
2.遍历Dom元素中
  • Coffee
  • Milk
  • Soda
依次弹出Coffee,Milk,Soda
3.官方解释
以下是官方的解释:
jQuery.each(object, [callback])
概述
通用例遍方法,可用于例遍对象和数组。不同于例遍 jQuery 对象的 $().each() 方法,此方法可用于例遍任何对象。回调函数拥有两个参数:第一个为对象的成员或数组的索引,第二个为对应变量或内容。如果需要退出 each 循环可使回调函数返回 false,其它返回值将被忽略。
参数
objectObject
需要例遍的对象或数组。
callback (可选)Function
每个成员/元素执行的回调函数。

jQuery 遍历函数

jQuery 遍历函数包括了用于筛选、查找和串联元素的方法。

函数 描述
将元素添加到匹配元素的集合中。
把堆栈中之前的元素集添加到当前集合中。
获得匹配元素集合中每个元素的所有子元素。
从元素本身开始,逐级向上级元素匹配,并返回最先匹配的祖先元素。
获得匹配元素集合中每个元素的子元素,包括文本和注释节点。
对 jQuery 对象进行迭代,为每个匹配元素执行函数。
结束当前链中最近的一次筛选操作,并将匹配元素集合返回到前一次的状态。
将匹配元素集合缩减为位于指定索引的新元素。
将匹配元素集合缩减为匹配选择器或匹配函数返回值的新元素。
获得当前匹配元素集合中每个元素的后代,由选择器进行筛选。
将匹配元素集合缩减为集合中的第一个元素。
将匹配元素集合缩减为包含特定元素的后代的集合。
根据选择器检查当前匹配元素集合,如果存在至少一个匹配元素,则返回 true。
将匹配元素集合缩减为集合中的最后一个元素。
把当前匹配集合中的每个元素传递给函数,产生包含返回值的新 jQuery 对象。
获得匹配元素集合中每个元素紧邻的同辈元素。
获得匹配元素集合中每个元素之后的所有同辈元素,由选择器进行筛选(可选)。
获得每个元素之后所有的同辈元素,直到遇到匹配选择器的元素为止。
从匹配元素集合中删除元素。
获得用于定位的第一个父元素。
获得当前匹配元素集合中每个元素的父元素,由选择器筛选(可选)。
获得当前匹配元素集合中每个元素的祖先元素,由选择器筛选(可选)。
获得当前匹配元素集合中每个元素的祖先元素,直到遇到匹配选择器的元素为止。
获得匹配元素集合中每个元素紧邻的前一个同辈元素,由选择器筛选(可选)。
获得匹配元素集合中每个元素之前的所有同辈元素,由选择器进行筛选(可选)。
获得每个元素之前所有的同辈元素,直到遇到匹配选择器的元素为止。
获得匹配元素集合中所有元素的同辈元素,由选择器筛选(可选)。
将匹配元素集合缩减为指定范围的子集。

转自:

   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   

转载地址:http://dijvi.baihongyu.com/

你可能感兴趣的文章
组队总结
查看>>
TitledBorder 设置JPanel边框
查看>>
DBCP——开源组件 的使用
查看>>
抓包工具
查看>>
海量数据相似度计算之simhash和海明距离
查看>>
DeepLearning tutorial(5)CNN卷积神经网络应用于人脸识别(详细流程+代码实现)
查看>>
DeepLearning tutorial(6)易用的深度学习框架Keras简介
查看>>
DeepLearning tutorial(7)深度学习框架Keras的使用-进阶
查看>>
流形学习-高维数据的降维与可视化
查看>>
Python-OpenCV人脸检测(代码)
查看>>
python+opencv之视频人脸识别
查看>>
人脸识别(OpenCV+Python)
查看>>
6个强大的AngularJS扩展应用
查看>>
网站用户登录系统设计——jsGen实现版
查看>>
第三方SDK:讯飞语音听写
查看>>
第三方SDK:JPush SDK Eclipse
查看>>
第三方开源库:imageLoader的使用
查看>>
自定义控件:飞入飞出的效果
查看>>
自定义控件:动态获取控件的高
查看>>
第三方开源库:nineoldandroid:ValueAnimator 动态设置textview的高
查看>>