首页 > 代码库 > jquery中trigger详解

jquery中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=http://www.mamicode.com/"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=http://www.mamicode.com/‘1‘ >长沙</option><option value=http://www.mamicode.com/‘2‘ >衡阳</option>");

} else {

$("#City").html("<option value=http://www.mamicode.com/‘1‘ >武汉</option><option value=http://www.mamicode.com/‘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=http://www.mamicode.com/"1" >湖南</option>

<option value=http://www.mamicode.com/"2" >湖北</option>

</select><br />

市:

<select id="City">

<option value=http://www.mamicode.com/"1" >长沙</option>

<option value=http://www.mamicode.com/"2" >衡阳</option>

</select><br />

<input type="button" value=http://www.mamicode.com/"设置成湖北襄阳" onclick="test()" />

</body>

</html>

 

 

jquery中trigger详解