简化jQuery中的函数

// 原始写法
$('#myButton').click(function() {
    alert('Button clicked!');
});

// 简化写法（使用箭头函数）
$('#myButton').click(() => alert('Button clicked!'));

// 原始写法
$('#myElement').css('color', 'red');
$('#myElement').slideUp(200);
$('#myElement').slideDown(200);

// 链式调用简化
$('#myElement').css('color', 'red').slideUp(200).slideDown(200);

// 原始写法
$('#myButton').click(handler1);
$('#myInput').keyup(handler2);

// 使用.on()简化
$('#container').on({
    click: handler1,
    keyup: handler2
});

function asyncTask() {
    return new Promise((resolve, reject) => {
        setTimeout(() => resolve('Task completed!'), 1000);
    });
}

async function runTasks() {
    const result = await asyncTask();
    console.log(result);
}

runTasks();

// 绑定事件
const button = $('#myButton');
button.on('click', handler);

// 解绑事件
button.off('click', handler);