这是一个在单击按钮时调用 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>
替换
$("#but").click(
doubleSize($("#inpt").val()); // **maybe not correct here**
);
与
$("#but").click(function() {
doubleSize($("#inpt").val());
});
现在它应该可以工作了。诀窍是 .click
函数有回调函数,它控制点击后的行为,现在你已经学会使用它了。
查看我的 fiddle .
在 api.jquery.com/click 上查找更多信息.
我是一名优秀的程序员,十分优秀!