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（）侦听器来调用你的函数，以便保持你的html中的javascript调用

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

您使用点击事件的匿名回调将其传递给函数

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

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

Answer 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);
}

Answer 3

这是你正在寻找的吗？

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

function showMessage(id, message){
    $('#' + id).html(message);
}

Answer 4

使用$(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
}

需要帮助理解jQuery函数

4 个答案: