jquery数组的遍历

原始遍历（普通for）

jquery对象函数遍历（对象.each）

$(“div”).each(function(index,element){ });

jquery全局函数遍历（$.each）重点!!!

$.each(数组的对象,function(index,elemen){})

jquery3.0新特性(增强for) 重点!!!

//快捷键：iter

for(li of liEles){

}

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><script type="text/javascript" src="js/jquery-3.3.1.js"></script>
</head>
<script type="application/javascript">$(function () {var liEles = $("#city li");//1:-------------原始遍历（普通for）-----------------/*for(var i=0; i<liEles.length;i++){alert($(liEles[i]).html());}*///2:-------------jquery对象函数遍历-----------------//jquery对象.each(function(index,element){});/*function 函数时每一次遍历时都会执行index:是每一次遍历的索引element:是遍历时数组中的每一个元素对象   liEles[i]*//*liEles.each(function (i,element) {alert(i + "----"+ $(element).html())});*///3:------------- jquery的全局函数遍历-----------------(重点)// $.each(jquery对象,function(index,element){});/*$.each(liEles,function (index,element) {alert(index + "----"+ $(element).html())});*///4:------------- jquery3.0新特性遍历(增强for)-----------------(重点)// java中增强for:    for( 数组中元素的类型 变量: 数组的名字){}// jquery中增强for: for(变量 of 数组的名字){}// for(element of liEles){// alert($(element).html());// }for (element of liEles) {alert($(element).html());}});</script>
<body>
<ul id="city"><li>北京</li><li>上海</li><li>天津</li><li>重庆</li>
</ul></body>
</html>

运行效果：

jquery数组的遍历相关推荐

Jquery — 数组的遍历
原生js与jQuery遍历数组的比较原生js的forEach方法遍历数组 jQuery的each静态方法遍历数组原生js的map方法遍历数组 jQuery的map方法遍历数组 jQuery中eac ...
原生js使用forEach()与jquery使用each遍历数组，return false 的区别
原生js使用forEach()与jquery使用each()遍历数组,return false 的区别: 1.使用each()遍历数组a,如下: var a=[20,21,22,23,24];$.ea ...
jQuery 数组遍历，数组高级操作find、findIndex、map、reduce、filter、forEach详解
// 通过for循环可以获取到数组中的每一个元素,即是利用的for循环产生的i作为数组中的元素的索引值 // 该文章不利用for循环进行数组的遍历 1. 先定义两个数组: var arr=[2,3,5 ...
jQuery数组处理详解(含实例演示)
jQuery的数组处理,便捷,功能齐全. 最近的项目中用到的比较多,深感实用,一步到位的封装了很多原生js数组不能企及的功能. 最近时间紧迫,今天抽了些时间回过头来看 jQuery中文文档中对数组的 ...
jq数组赋值 java_js,jquery,数组操作小结
详解jQuery之数组处理: jQuery的数组处理,便捷,功能齐全. 最近的项目中用到的比较多,深感实用,一步到位的封装了很多原生js数组不能企及的功能. 最近时间紧迫,今天抽了些时间回过头来看 j ...
jQuery数组处理详解
jQuery的数组处理,便捷,功能齐全. 最近的项目中用到的比较多,深感实用,一步到位的封装了很多原生js数组不能企及的功能. 最近时间紧迫,今天抽了些时间回过头来看 jQuery中文文档中对数组的 ...
jQuery数组处理完全详解
jQuery的数组处理.便捷.功能齐全.最近的项目中用到的比较多,深感实用,一步到位的封装了很多原生JavaScript数组不能企及的功能.最近时间紧迫,今天抽了些时间回过头来看jQuery中文文档中 ...
Jquery数组和对象操作
1.迭代 jQuery.each( object, callback ) 返回值:Object 说明: 通用例遍方法,可用于例遍对象和数组. 不同于例遍 jQuery 对象的 $().each() 方 ...
详解jQuery数组处理
jQuery的数组处理,便捷,功能齐全. 最近的项目中用到的比较多,深感实用,一步到位的封装了很多原生js数组不能企及的功能. 最近时间紧迫,今天抽了些时间回过头来看 jQuery中文文档中对数组的 ...

jquery数组的遍历

jquery数组的遍历

jquery数组的遍历相关推荐

最新文章

热门文章