$.ajax({
    url: 'api/endpoint',
    type: 'POST',
    data: {
        param1: 'value1',
        param2: 'value2',
        param3: 'value3'
    },
    success: function(response) {
        console.log(response);
    }
});

$('#myButton').on('click', {param1: 'value1', param2: 'value2'}, function(event) {
    console.log(event.data.param1); // 输出: value1
    console.log(event.data.param2); // 输出: value2
});

function processData(param1, param2, param3) {
    console.log(param1, param2, param3);
}

$.proxy(processData, null, 'value1', 'value2', 'value3')();

$('#element').css({
    'color': 'red',
    'background-color': 'blue',
    'font-size': '16px'
});

// 错误方式
$.when(func1(), func2()).then(function(param1, param2) {
    // param1来自func1, param2来自func2
});

// 正确方式 - 明确参数来源
$.when(func1(), func2()).then(function(result1, result2) {
    var param1 = result1[0]; // func1的结果
    var param2 = result2[0]; // func2的结果
});

// 错误方式 - 会覆盖
$.ajax({
    data: {id: 1},
    data: {id: 2} // 覆盖前面的id
});

// 正确方式 - 合并参数
$.ajax({
    data: $.extend({}, {id: 1}, {id: 2, name: 'test'})
});

// 错误方式
for (var i = 0; i < 5; i++) {
    $('#btn'+i).click(function() {
        console.log(i); // 总是输出5
    });
}

// 正确方式 - 使用闭包
for (var i = 0; i < 5; i++) {
    (function(index) {
        $('#btn'+index).click(function() {
            console.log(index); // 输出正确的索引
        });
    })(i);
}

// 使用默认值和参数合并的例子
function initPlugin(options) {
    var defaults = {
        speed: 300,
        easing: 'linear',
        callback: $.noop
    };
    var settings = $.extend({}, defaults, options);
    
    // 使用settings.speed, settings.easing等
}