JQuery 触发事件

最新推荐文章于 2021-11-11 15:19:07 发布

转载最新推荐文章于 2021-11-11 15:19:07 发布 · 1.6k 阅读

文章标签：

#jquery #button #function #javascript #input #xhtml

JQuery 专栏收录该内容

16 篇文章

订阅专栏

本文通过一个简单的HTML页面展示了如何使用jQuery来触发DOM元素的点击事件。当用户点击“按钮2”时，不仅会增加该按钮的点击计数，还会触发“按钮1”的点击事件并更新其点击次数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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">

</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>