本文介绍了触发事件的概念，特别是如何使用jQuery的trigger()方法触发特定事件，并通过实例展示了如何利用trigger()方法实现事件的动态触发，以实现交互性的增强。
trigger() 触发事件
触发事件就是 类似于点击click, mouseover, keydown 等有动作的js事件，简单的说就是一个动作，可能有人会问，那show, hide 是不是? 不是
为什么要用 trigger() ？
你用手册 里的索引搜一下click 可以看到 两条 结果 click() 和，click(fn)，然后 搜一下trigger 发现只有一个 trigger(type, [data]) 。
然后你知道我的意思了吧。— trigger 可以传参数进去。
我们看看 手册里的trigger 例子：
$("p").click( function (event, a, b) {
// 一个普通的点击事件时，a和b是undefined类型 // 如果用下面的语句触发，那么a指向"foo",而b指向"bar"
} ).trigger("click", ["foo", "bar"]);
<html>
<head>
<title>testing</title>
<script src="ec/jquery/jquery-1.3.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$("#Provinces").change(function (e,cityValue) {
if ($(this).val() == "1") {
$("#City").html("<option value='1' >长沙</option><option value='2' >衡阳</option>");
} else {
$("#City").html("<option value='1' >武汉</option><option value='2' >襄阳</option>");
}
if (typeof (cityValue) != "undefined") {
$("#City").val(cityValue);
}
});
});
function test() {
$("#Provinces").val("2");
$("#Provinces").trigger("change","2");
}
</script>
</head>
<body>
省：
<select id="Provinces" >
<option value="1" >湖南</option>
<option value="2" >湖北</option>
</select><br />
市：
<select id="City">
<option value="1" >长沙</option>
<option value="2" >衡阳</option>
</select><br />
<input type="button" value="设置成湖北襄阳" onclick="test()" />
</body>
</html>
扫一扫
180
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
