javascript - 需要帮助理解 jQuery 函数

Question

我花了几天时间浏览 jQuery 网站上的指南，试图学习它。我对它和 javascript 有很好的了解。但是，我正在尝试使用它，但我有点困惑。

情况是这样的:我想要一个接受参数的函数，并且在调用时将使用这些参数来设置 div 的内部 html。

在常规 JS 中，我会做类似的事情:

function showMessage(type, title, message){
    div.innerHTML = "hello world!";
}

它显然会使用参数，但为了简单起见，我没有使用。

我知道在 jQuery 中，做同样的事情你会做:

$('#id').html('Hello world!');

但是，要做到这一点，我需要在文档就绪函数中使用它。我也尝试过

$('#close').click(function( event ) {
    do stuff;
} 

使用原始的 JS 函数，我可以简单地做一个

onClick="showMessage"

有没有办法像 jQuery 那样调用函数？还是我需要使用 .click 监听器？我对 jQuery 知之甚少，我也不知道我的系统将来需要做的所有事情，所以我宁愿有一种在需要时调用该函数的方法。另外，如何将参数传递给 jQuery 函数？

Answer 1

使用 .click() 或 .on() 监听器来调用您的函数，以便将 javascript 调用排除在您的 html 之外

Also, how do I pass parameters to the jQuery function?

您使用点击事件的匿名回调将它们传递到函数中

function showMessage(param1, param2) {
    //do stuff with your params
}

jQuery('#id').click(function() {
    showMessage(param1, param2);
});