jQuery4.0有哪些新功能？

jQuery 4.0 是 jQuery 库的重大更新，引入了许多新功能和改进。以下是 jQuery 4.0 中一些重要的更新：

1. 弃用旧版本

jQuery 4.0 弃用了 1.x 和 2.x 版本中的许多功能和 API。这些功能已被更现代、更高效的替代方案取代。

// 已弃用
$(document).ready(function() {
    // ...
});

// 使用新 API
$(document).on('DOMContentLoaded', function() {
    // ...
});

2. 模块化

jQuery 4.0 采用了模块化架构，允许开发人员仅加载他们需要的功能。这可以减小库的大小并提高性能。

// 仅加载选择器模块
import $ from 'jquery/selector';

// 使用选择器
$('div').addClass('active');

3. 性能改进

jQuery 4.0 对许多核心功能进行了性能改进，例如选择器、事件处理和动画。

// 使用新的事件处理 API
$('button').on('click', function() {
    // ...
});

// 使用新的动画 API
$('.element').animate({
    opacity: 0.5
});

4. 新的 API

jQuery 4.0 引入了许多新的 API，例如 $.Deferred.when()、$.fn.extend() 和 $.fn.filter()。这些 API 使开发人员可以更轻松地编写代码并提高效率。

// 使用 $.Deferred.when() 来等待多个异步操作完成
$.when($.ajax('/api/data'), $.ajax('/api/user')).then(function(data, user) {
    // ...
});

// 使用 $.fn.extend() 来扩展 jQuery 对象
$.fn.extend({
    myPlugin: function() {
        // ...
    }
});

// 使用 $.fn.filter() 来过滤元素
var elements = $('div').filter('.active');

5. 对 ES6 的支持

jQuery 4.0 支持 ES6 模块和语法。这意味着开发人员可以使用 ES6 代码编写 jQuery 插件和代码。

// 使用 ES6 模块
import $ from 'jquery';

// 使用 ES6 语法
export function myFunction() {
    // ...
}