[译] jQuery 3 有哪些新东西

Posted JavaScript

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了[译] jQuery 3 有哪些新东西相关的知识,希望对你有一定的参考价值。


jQuery 的横空出世,至今已有十个年头了,而它的长盛不衰显然不是没有理由的。jQuery 提供了极为友好的接口,使得开发者们可以方便地进行 DOM 操作、发起 Ajax 请求、生成动画……不一而足。此外,与 DOM API 不同的是,jQuery 采用了 。这意味着你可以在任何一个 jQuery 集合身上调用 jQuery 方法,而不用关心它到底包含了几个元素(不管是零个、一个或多个,都没问题)。


在未来的几周内,jQuery 就将抵达一个重要的里程碑——正式发布 3.0 版本。jQuery 3 修复了大量的 bug,增加了新的方法,同时移除了一些接口,并修改了少量接口的行为。在这篇文章中,我将为大家重点讲解 jQuery 3 所引入的那些最重要的变化。


New Features

新增特性


我们先来讨论 jQuery 3 中最重要的几个新增特性。

for...of Loop

for...of 循环


在 jQuery 3 中,我们可以用 for...of 循环语句来迭代一个 jQuery 集合中的所有 DOM 元素。这种新的迭代方法是 ECMAScript 2015(即 ES6)规范中的一部分。这个方法可以对 “可迭代对象”(比如ArrayMapSet 等)进行循环。


当使用这种新的迭代方法时,你在循环体内每次拿到的值并不是一个 jQuery 对象,而是一个 DOM 元素(译注:这一点跟 .each() 方法类似)。当你在对一个 jQuery 集合进行操作时,这个新的迭代方法可以少许改善你的代码。


为了搞清楚这种迭代方法到底是怎么工作的,我们来假设一个场景——你需要给页面中的每个 input 元素分配一个 ID。在 jQuery 3 之前,你可能会这样写:


var   $inputs = $( 'input' );

以上是关于[译] jQuery 3 有哪些新东西的主要内容,如果未能解决你的问题,请参考以下文章

jQuery 3 有哪些新东西

高效Web开发的10个jQuery代码片段

25个可遇不可求的jQuery插件

片段如何处理触摸?

[译]怎样在Vue.js中使用jquery插件

[译] 如何在React中写出更优秀的代码

(c)2006-2024 SYSTEM All Rights Reserved IT常识