tha*_*sis 2 html javascript jquery
这是在单击按钮时调用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函数具有回调功能,可以在点击后控制执行,现在您学会了使用它.
检查我的小提琴.
有关api.jquery.com/click的更多信息,请访问.
| 归档时间： |
|
| 查看次数： |
153 次 |
| 最近记录： |