jQuery3.0最终版发布十大新特性眼前一亮jQuery基础教程.docxVIP

jQuery 3.0最终版发布，十大新特性眼前一亮jQuery基础教程jQuery 3.0在日前发布了最终的全新版本。从2014年10月，jQuery团队对这个主要大版本进行维护开始，web开发者社区便一直在期待着这一刻的到来，终于在2016年6月他们迎来了这一个最终版通过jQuery 3.0的版本更新说明，我们看到了一个保持着向后兼容的更轻便，更快速的jQuery。在本文中，我们将介绍一些令人眼前一亮的jQuery 3.0全新特性。开始前的说明如果你想要下载jQuery 3.0进行亲自实验，可以通过该页面进行下载。另外，升级指南和源代码也值得你一看。如果你想要测试一下你的项目如何在jQuery 3.0中工作的，你可以尝试通过jQuery迁移插件来识别代码的兼容性问题，你也可以查看jQuery未来发展的时间表。1. 移除旧的IE工作区新的最终版最主要的目标是更加快速，更加时尚，因此，那些支持早于IE9版本的相关技术与工作区都被移除了。这意味着如果你想要或者需要支持IE6-8，你必须用回1.12版本，因为甚至是2.X版本都无法完整支持早于IE9的浏览器。注意：在jQuery 3中还弃用了一些其它的功能。截止到2016年6月，升级指南还没有提供一个对于弃用功能的分组整理。因此，你如果想要了解弃用功能，可以通过ctrl+f键来进行搜索。2. jQuery 3.0运行在Strict Mode下大多数支持jQuery 3的浏览器都支持strict mode，而在本次更新中对此进行了规定。虽然jQuery 3是写在strict mode中的，但是你需要了解的是你的代码并不需要运行在strict mode中，因此如果你想要把以前的代码迁移到jQuery 3，你不需要对已存在的jQuery代码进行重写。Strict和non-strict mode的JavaScript代码可以和谐共存。这里有一些例外：某些版本的ASP.NET，因为strict mode的缘故，无法与jQuery 3兼容，3. 引进for...of循环jQuery 3支持for...of语句，这是由ECMAScript 6中新引进的一种for循环语句。这提供了对Arrays，Maps和Sets这样的可迭代对象一种更直接的遍历方法。在jQuery中，for...of循环可以取代以前的$.each(...)语法，并且更容易通过jQuery的元素集合进行循环。注意：for...of只能在支持ECMAScript 6的环境下或者使用Babel这样的JavaScript编译器下工作。4. 动画方面采用新的APIjQuery 3使用requestAnimationFrame() API来执行动画，使动画运行得更加顺畅、快速。新的API只用于支持它的浏览器，对于那些更老的浏览器（如IE9）jQuery使用先前的API来作为显示动画的后备方案。5. 对包含特殊含义的字符串提供转义的新方法新的jQuery.escapeSelector()提供了对在CSS中存在特殊含义的字符串或字符进行转义的方法，该方法可使这些字符串或字符能够继续用于jQuery选择器中，而无需对那些无法进行正确理解的JavaScript解释器进行转义。这个示例可以让你更好的了解这个全新的方法：举个例子，页面中某个ID为“abc.def”的元素由于选择器将其解析为ID为“abc”且包含一个名为“def”的类的对象，而无法被$( #abc.def )选定。但是它可以由 $( # + $.escapeSelector( abc.def ) )来进行选定。我无法确定发生中情况的频率，但是假如你碰到过这种类似的情况，这无疑给了你一个解决该问题的简单方法。6. 类操作方法支持SVG不幸的是，jQuery 3现在还无法完整的支持SVG，但是对于操作CSS类名称的jQuery方法，如.addClass()和.hasClass()现在可以将SVG文档作为目标。这意味着你可以修改（添加、删除、切换）或者查找SVG（可缩放矢量图形）下的jQuery类，然后使用CSS的类样式。7. 延迟对象现在与JS Promises兼容JavaScript Promises，用于异步计算的对象，现在在ECMAScript 6中已经被标准化；它们的运行状况和特性的详细说明参见Promises/A+标准。在jQuery 3中，延迟对象已经与新的Promises/A+标准相兼容，延迟对象已经成为让创建回调队列成为可能的可链对象(chainable objects)。新的特性改变了异步回调函数执行过程，Promises允许开发者编写在逻辑上与同步代码更接近的异步代码。8. jQuery.when()对于多种参数的不同解读$.when()提供了执行回调函数的一种方法，它成为