绑定函数（带参数）以使用Jquery单击事件

Question

这有效：

HTML：

<div id="mydiv">Help!</div>

CSS：

div {
    background-color: red;
}

Jquery的：

function myfunction( c1 ) {
    $("#mydiv").css({'background-color': 'blue' });
}

$("#mydiv").on('click',  myfunction );

我理解在函数调用该函数后立即使用（）。

因此...

如何将函数绑定到单击，并同时传递参数？

HTML：

<div id="mydiv">Help!</div>

CSS：

div {
    background-color: red;
}

Jquery的：

function myfunction( c1 ) {
    $("#mydiv").css({'background-color': c1 });
}

$("#mydiv").on('click',  myfunction("blue") );

Answer 1

您可以将调用包装在函数表达式中，并使用call方法将调用的上下文设置为事件处理程序中的上下文：

$("#mydiv").on('click', function(){ myfunction.call(this, "blue"); });

Answer 2

事件绑定函数上的jquery有一个'data'参数。 .on（events [，selector] [，data]，handler）

http://jsfiddle.net/aNDgC/101/

$('#myButton').on("click", {name: "world"} , function(event){
    $('#divOutput').html(event.data.name);
});