首页
学习
活动
专区
圈层
工具
发布

前端系列 |原生JS和jQuery循环遍历函数

前言 之前总是不清楚原生JS和jQuery中有哪些循环遍历函数,而且有时候还总是把原生JS方法当成jQuery方法来用,以致于项目总是报错,并且还不知道是什么原因。...DOM对象和jQuery对象如何互相转换? 首先,先说一下DOM对象和jQuery对象如何转换?这样原生JS和jQuery的方法,我们就可以随意使用了。...原生JS循环遍历函数 1.for() for循环得知道数组的长度才能循环。它比较常用,这里就不多说了。 2.forEach () 不需要知道数组长度,也可以对数组中每一个元素进行操作。...jQuery循环遍历函数 1.each() var arr = ["x","y","z"]; $(arr).each(function (index,item) { console.log(index)...; //当前元素索引 console.log(item); //当前元素 }) 2.map() 用于使用指定函数处理数组中的每个元素(或对象的每个属性),并将处理结果封装为新的数组返回。

7.1K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Jquer学习之jQuery(function(){})与(function(){})(jQuery)之间的区别

    Jquery是优秀的Javascrīpt框架。我们现在来讨论下在 Jquery 中两个页面载入后执行的函数。...相当于 function aa($){} aa(jQuery) 是初始化jquery对象的惯用方法.通俗点说就是在页面加载完成后执行你需要的代码....(){})();立即执行函数;相当于先申明一个函数,声明完后直接调用; 如果参数如: (funtion(str){alert(str)})("output"));相当于:funtion OutPutFun...不可用于存放开发插件的代码,因为jQuery对象没有得到传递,外部通过jQuery.method也调用不了其中的方法(函数)。...(function(){ })(jQuery);用于存放开发插件的代码,执行其中代码时DOM不一定存在,所以直接自动执行DOM操作的代码请小心使用。

    1.8K50

    jQuery中on()、bind()、live()、delegate()之间的区别

    jQuery的.on()、.bind()、.live()和.delegate()之间的区别并非总是那么明显的,然而,如果我们对所有的不同之处都有清晰的理解的话,那么这将会有助于我们编写出更加简洁的代码,...; }); 因此一个单击操作会触发alert函数的执行。 ?...,适合处理多个事件调用同一函数情况; 大括号替代方式:绑定较为灵活,可以给事件单独绑定函数; data 可选;需要传递的参数; function 必需项;当绑定事件发生时,需要执行的函数;适用所有版本...,但是根据官网解释,自从jquery1.7版本以后bind()函数推荐用on()来代替。...接下来就详细说下几者之间的区别: 1 .bind() .bind()是直接绑定在元素上,也很好的解决了浏览器在事件处理中的兼容问题。

    1.6K30

    jQuery入口函数的写法

    需要引入jQuery文件 入口函数的标准 在 标签中,jQuery入口函数必须要写,在 可以不写,写上入口函数后不论放在哪个标签下都能去执行...一般建议在body标签中写入口函数,就是为了等页面加载完成后才执行入口函数。 案例: js的入口函数执行要比jQuery的入口函数执行得晚一些。...jquery的入口函数会等待页面的加载完成才执行,但是不会等待图片的加载。 js的入口函数会等待页面加载完成,并且等待图片加载完成才开始执行 //js的入口函数执行要比jQuery的入口函数执行得晚一些。...() { console.log("这是jQuery入口函数的第一种写法"); }); $(function () { console.log("这是jQuery入口函数的第二种写法

    1.6K30

    机房收费系统——用DateDiff函数计算两个日期之间的时间差

    https://blog.csdn.net/huyuyang6688/article/details/10991371        机房收费做到上机和下机部分时,需要计算从上机到下机之间的时间差...,从而计算出上机期间所花的费用。       ...这时候,可以用一个函数就可以简单的实现——DateDiff(),具体使用规则: DateDiff(timeinterval,date1,date2 [, firstdayofweek [, firstweekofyear...]])        函数返回值为从date1到date2所经历的时间,timeinterval 表示相隔时间的类型(即时间的度量单位),分别为: 年份 yyyy          季度 q              ...月份 m               每年的某一日 y  日期 d                 星期 ww             小时 h

    3K30

    优化两个简单的嵌套循环

    优化嵌套循环的方法通常取决于具体的情况,但有几种常见的技巧可以尝试。尽可能减少内部循环的迭代次数,这可以通过更有效的算法或数据结构来实现。...如果内部循环中使用的值在外部循环中已经计算过,可以尝试在外部循环中计算并将结果存储起来,避免重复计算。...下面是一个简单的示例,演示了如何通过优化来减少嵌套循环的计算量:1、问题背景在优化以下两个嵌套循环时遇到了一些困难:def startbars(query_name, commodity_name):​...max(nc)在第一次循环后就是一个常量,因此可以将其移出循环以减少重复计算。重新组织数据结构。优化后的代码使用了一个字典mapYearToWbcodeToField来存储数据,这使得查找更加高效。...同时使用了一个列表nc来存储所有值的最大值,这样就可以在一次循环中计算出constant。

    61010

    两个app应用之间的跳转

    在iOS中,从一个app打开另一个app,这必然牵扯到两个app之间的交互和通信,像这种涉及到整个应用程序层面的事情,苹果有一个专门的类来管理——UIApplication。...二、实现两个app间的跳转 创建两个示例Demo,Test1Demo和Test2Demo,现在需要实现从Test2Demo跳转到Test1Demo中. 1、在被跳转的Test1Demo配置一个协议scheme...配置 三、跳转到指定界面 想要跳转到指定界面,必然是上一个app告诉下一个app(被跳转的app)需要跳转到哪个界面,而如何告诉它这里便涉及到两个app的通信。...我们从上面可以知道,两个app之间的跳转只需要配置一个scheme,然后通过UIApplication调用它的对象方法openURL:即可实现,除此之外再也没有实现任何代码了。...而这之间是如何通信的呢?

    3.2K30

    如何计算两个日期之间的天数

    计算两个日期之间的天数很实用,我一般用sq SELECT DATEDIFF("2089-10-01","2008-08-08") AS "北京奥运会开幕式天数" 如果用Go计算两个日期之间的天数,可以使用...计算时间差:使用两个 time.Time 对象,可以通过调用它们之间的 Sub 方法来计算它们的时间差。这将返回一个 time.Duration 类型的值。...相应的 Go 代码示例: package main import ( "fmt" "time" ) // 计算两个日期之间的天数差 func daysBetweenDates(date1, date2...date1, date2, days) } 在线执行[1] 输出: Days between 2008-08-08 and 2089-10-01: 29639 代码中daysBetweenDates 函数接受两个日期字符串...()-u.nsec()) 计算出来两个日期之间的差值 // sec returns the time's seconds since Jan 1 year 1. func (t *Time) sec()

    2.5K10

    对于 JavaScript 中循环之间的技术差异概述

    在 JavaScript 中使用循环时,需要理解两个关键点:可枚举的属性和可迭代的对象。...同时,如果实现 for.. of 构造的迭代器,则它将在每次迭代中循环遍历该值。...ForEach 和 map 方法 尽管可以使用forEach和map方法来实现相同的目标,但是它们的行为和性能方面存在差异。 基础层面上,当函数被调用时,它们都接收一个回调函数作为参数。...与forEach不同的是,我们并不总是需要执行一次更改来获得想要的结果,在forEach中,我们需要对newscore变量进行更改。在每次运行时,当提供相同的输入时,map函数将产生相同的结果。...平均而言,map函数的执行速度至少要快50%。 注意:此基准测试取决于你使用的计算机以及浏览器的实现。 总结 在上面讨论的所有循环结构中,为我们提供最多控制的是for..of的循环。

    2.4K20

    对于 JavaScript 中循环之间的技术差异概述

    ,如果调用了 typeof 得到的类型是 object,则可以使用for…in循环。...同时,如果实现 for.. of 构造的迭代器,则它将在每次迭代中循环遍历该值。...ForEach 和 map 方法 尽管可以使用forEach和map方法来实现相同的目标,但是它们的行为和性能方面存在差异。 基础层面上,当函数被调用时,它们都接收一个回调函数作为参数。...与forEach不同的是,我们并不总是需要执行一次更改来获得想要的结果,在forEach中,我们需要对newscore变量进行更改。在每次运行时,当提供相同的输入时,map函数将产生相同的结果。...平均而言,map函数的执行速度至少要快50%。 注意:此基准测试取决于你使用的计算机以及浏览器的实现。 总结 在上面讨论的所有循环结构中,为我们提供最多控制的是for..of的循环。

    2.6K20
    领券