1

我花了几天时间浏览 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 函数？

4

4 回答 4

2

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

另外，如何将参数传递给 jQuery 函数？

您在单击事件上使用匿名回调将它们传递给函数

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

jQuery('#id').click(function() {
    showMessage(param1, param2);
});
于 2013-07-29T02:44:47.073 回答
2

使用文档就绪时创建函数的概念：

$(document).ready(function(){
  //call function
  showMessage("alert", "hello", "message")
})

function showMessage(type, title, message){
  $('#id').html('type is :' +type+ ' title is :' +title+ 'message is'+ message);
}
于 2013-07-29T02:47:59.927 回答
1

这是你要找的吗？

$(document).ready(function () {
    $('#close').click(function() {
        showMessage('id', 'Hello world!');
    } 
});

function showMessage(id, message){
    $('#' + id).html(message);
}
于 2013-07-29T02:33:42.043 回答
0

使用$(document).ready()函数触发页面和元素监听定义的事件发生并相应地运行函数。但是您可以将 JQuery 工具与 JavaScript 样式的脚本一起使用。

以下可能会有所帮助：

<input type=text onchange="getName(this.value,'link.php');" />

JS：

function getName(val, href){
    var link = href +'?name='+val;
    $('#result').load(link); // JQuery function
}
于 2013-07-29T03:02:34.800 回答