Question

这是一个单击按钮时调用JS函数的简单示例。在这段代码中我使用了onclick方法，但我想学习如何使用jQuery调用相同的方法。

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script> 
$(document).ready(function(){
    $("#but").click(
        doubleSize($("#inpt").val()); // **maybe not correct here**
    );
});
function doubleSize(x)
{
    //some code make a number double size
}
</script>
</head>

<body>

<input id="inpt" type="text">
<button id="but" type="button" onclick="doubleSize(document.getElementById('inpt').value)" >click me !!</button>
<div><span id="result"></span>
</div>
</body>
</html>

Answer 1

替换

    $("#but").click(
      doubleSize($("#inpt").val()); // **maybe not correct here**
    );

带

    $("#but").click(function() {
      doubleSize($("#inpt").val());
    });

现在它应该工作了。诀窍是.click函数具有回调功能，可以在点击后控制行为，现在您学会了使用它。

检查我的fiddle 在api.jquery.com/click上了解详情。

如何在jQuery中使用参数调用JavaScript函数？

1 个答案: