您的位置:首页 > Web前端 > JQuery

JQuery 触发事件

2010-04-06 16:25 225 查看
trigger(eventType)函数

实例:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>事件触发</title>
<style type="text/css">
<!--
input{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
margin:0px; padding:4px;
border:1px solid #002b83;
}
div{
font-family:Arial, Helvetica, sans-serif;
font-size:12px; margin:2px;
}
-->
</style>
<script language="javascript" src="jquery.min.js"></script>
<script language="javascript">
function Counter(oSpan){
var iNum = parseInt(oSpan.text()); //获取span中本身的值
oSpan.text(iNum + 1); //点击次数加1
}
$(function(){
$("input:eq(0)").click(function(){
Counter($("span:first"));
});
$("input:eq(1)").click(function(){
Counter($("span:last"));
$("input:eq(0)").trigger("click"); //触发按钮1的点击事件
});
});
</script>
</head>
<body>
<input type="button" value="Button 1">
<input type="button" value="Button 2"><br><br>
<div>按钮1点击次数:<span>0</span></div>
<div>按钮2点击次数:<span>0</span></div>
</body>
</html>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: