jquery 讲解 trigger的例子(可直接运行)

最新推荐文章于 2019-06-12 20:08:17 发布

最新推荐文章于 2019-06-12 20:08:17 发布 · 151 阅读

文章标签：

#jQuery #J# #HTML #ViewUI

jQuery 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一个使用jQuery实现的简单点击计数器示例。当用户点击按钮时，对应的计数器会递增并实时更新显示的次数。此示例展示了如何通过jQuery的事件触发和元素操作来快速实现交互功能。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>

<script>
$(document).ready(function(){

$("button:first").click(function () {
update($("span:first"));
});
$("button:last").click(function () {
$("button:first").trigger('click');

update($("span:last"));
});

function update(j) {
var n = parseInt(j.text(), 10);
j.text(n + 1);
}

});
</script>
<style>
button { margin:10px; }
div { color:blue; font-weight:bold; }
span { color:red; }
</style>
</head>
<body>
<button>Button #1</button>
<button>Button #2</button>
<div><span>0</span> button #1 clicks.</div>
<div><span>0</span> button #2 clicks.</div>
<p/>From<p/>
http://docs.jquery.com/Events/trigger
</body>
</html>