JQuery 1.8中的新内容

核心要点

• jQuery 1.8 通过优化 Sizzle 选择器引擎提升了性能和效率，并为 IE6 和 IE7 提供了代码回退。
• 新版本引入了自动 CSS 前缀添加功能，在 .css() 或 .animate() 等方法中自动添加所需的前缀，并在使用 box-sizing: border-box 时确保方法计算正确。
• jQuery 1.8 改进了高级动画，提升了性能，并允许在不需要时排除动画方法。
• jQuery 1.8 提高了模块化程度，允许通过去除不需要的功能来创建更小的构建系统，并修复了 160 多个先前版本中的错误。

距离 jQuery 1.7 发布已经过去了九个月，现在我们迎来了一个闪亮的新版本，它可以帮助您在更短的时间内编写更少的代码，同时保持良好的跨浏览器兼容性（目前）。让我们来看看主要的新特性和更新……

更强大的 Sizzle 选择器引擎

jQuery 的 Sizzle 选择器引擎在性能和效率方面得到了优化。它在可用时依赖于原生的 querySelectorAll 方法，但即使是该方法在不同浏览器之间也存在实现差异。jQuery 1.8 消除了这些差异，并为 IE6 和 IE7 提供了代码回退。

自动 CSS 前缀添加

当您在 .css() 或 .animate() 等方法中使用 CSS 属性时，jQuery 1.8 将自动添加任何所需的前缀。因此，您可以应用单个转换，而 -webkit-、-moz-、-ms- 和 -o- 前缀将被自动添加。如果您在 CSS 中使用了 box-sizing: border-box，您还会高兴地听到，width、innerWidth、innerHeight、outerWidth、outerHeight 方法现在计算正确了。

改进的高级动画

jQuery 团队承认动画代码变得有点笨拙。这个问题得到了解决，动画性能也因此得到了提高。但是，我怀疑 jQuery 和 JavaScript 动画的时代已经屈指可数了。它永远不会完全消失，但 CSS3 提供了更好、更快的效果，代码更少。幸运的是，如果您不需要 jQuery 的动画方法，则无需包含它们……

更高的模块化

jQuery 1.8 比 1.7.2 版本小几百字节，但可以使用基于 grunt 的构建系统来去除不需要的功能，从而进一步减小其体积。

修复的错误

最后，jQuery 1.8 修复了 160 多个错误。代码库已经非常稳定，因此他们能够找到这么多需要解决的问题令人惊讶。

是否需要升级？

使用 1.7.x 版本的用户可能可以切换到 1.8 而不会遇到重大问题。较旧的版本也应该没问题，但需要做好严格测试的准备。也就是说，问题通常会在发布后的几天内被报告，因此比较谨慎的用户可能更愿意等待几周，直到 jQuery 1.8.1 发布。jQuery 可在 jQuery.com 获取。CDN 托管版本将很快出现。

关于 jQuery 1.8 的常见问题

jQuery 1.8 的新特性有哪些？

jQuery 1.8 引入了几个新特性和改进。它包括对 Sizzle 选择器引擎的完整重写，这提高了性能并增加了新功能。它还引入了 Ajax 的自动类型转换，允许您指定您期望从服务器接收的 dataType，jQuery 将处理转换。其他值得注意的特性包括改进的动画、模块化代码库以及对 HTML5 数据属性的更好处理。

jQuery 1.8 如何改进动画性能？

jQuery 1.8 对其动画引擎进行了一些改进。它现在在可用时使用 requestAnimationFrame API，这可以产生更流畅的动画。它还包括一个名为“ticker”的新功能，该功能允许多个动画同步并以相同的帧速率运行。这在运行复杂的动画时可以显著提高性能。

jQuery 1.8 中的 Sizzle 选择器引擎是什么？

Sizzle 是一个纯 JavaScript CSS 选择器引擎，旨在轻松地放入主机库中。它在 jQuery 1.8 中已被完全重写，从而提高了性能并增加了新功能。它现在支持位置选择器，允许您根据元素在文档中的位置选择元素。

jQuery 1.8 如何处理 HTML5 数据属性？

jQuery 1.8 引入了对 HTML5 数据属性的更好处理。它现在会自动将数据属性转换为相应的 JavaScript 类型。例如，包含数字的数据属性将自动转换为 JavaScript 数字，包含 JSON 对象的属性将转换为 JavaScript 对象。

使用 jQuery 滑块显示内容对 SEO 的影响是什么？

jQuery 滑块对 SEO 既有积极影响也有消极影响。积极的一面是，它们可以使您的内容更具吸引力和互动性，这可以提高用户参与度和网站停留时间。但是，如果实施不当，它们也可能会隐藏搜索引擎的内容或减慢网站速度，从而损害您的 SEO。

jQuery 1.8 如何处理 Ajax 的自动类型转换？

在 jQuery 1.8 中，您可以指定您期望从服务器接收的 dataType，jQuery 将处理转换。这意味着您不再需要手动解析响应数据。例如，如果您将“json”指定为 dataType，jQuery 将自动将响应解析为 JSON 对象。

jQuery 1.8 中的模块化代码库是什么？

jQuery 1.8 引入了一个模块化代码库，这意味着代码根据功能被组织成单独的模块。这使得代码更容易维护和理解。它还允许您仅包含所需的模块，这可以减小 jQuery 文件的大小并提高性能。

jQuery 1.8 如何提高性能？

jQuery 1.8 引入了多项性能改进。Sizzle 选择器引擎的重写提高了元素的选择速度。对于动画使用 requestAnimationFrame API 可以产生更流畅的动画。模块化代码库可以减小 jQuery 文件的大小并提高加载时间。

jQuery 1.8 如何处理 CSS3 过渡？

jQuery 1.8 引入了对 CSS3 过渡的更好支持。它现在包含一个过渡函数，允许您在两种状态之间进行动画过渡。这可以产生更流畅、更具视觉吸引力的动画。

使用 jQuery 1.8 的好处是什么？

jQuery 1.8 引入了一些新特性和改进，可以使您的 Web 开发更轻松、更高效。改进的 Sizzle 选择器引擎、Ajax 的自动类型转换以及对 HTML5 数据属性的更好处理可以节省您的时间并减少您需要编写的代码量。改进的动画和模块化代码库可以提高您网站的性能和用户体验。

以上是JQuery 1.8中的新内容的详细内容。更多信息请关注PHP中文网其他相关文章！