足下科教集团内部学习资料：jQuery第四章.ppt

trigger()方法 名称 说明 举例 trigger() 用户模拟操作语法:如下操作页面加载完成后，就会立刻输出效果 $(btn).trigger(click); $(btn).click(); .NET 4 朱宏森 自定义事件 名称 说明 举例 自定义事件 trigger()方法不仅能够触发浏览器支持的具有相同名称的事件，也可以出发自定义名称的时间，例如：为元素绑定一给“myClick”的事件 $(#btn).bind(MyClick, function() { $(#test).append(p我的自定义事件./p); }); 触发：$(‘btn’).trigger(“myClick”); .NET 4 朱宏森 传递数据 名称 说明 举例 传递数据 Trigger()方法有2个参数，1参是触发事件的类型，2参是需要处理的附加数据，以数组形式传递，通常可以通过传递1个参数给回调函数来区别这次事件事代码触发，还是用户触发. $(#btn).bing(myClick,function(event,message1,message2) { //获取数据 $(test).append(p+message1+message2+/p) }); $(#btn).trigger(myClick,[我的自定义,事件]);//传递2给数据 .NET 4 朱宏森 执行默认操作 名称 说明 举例 执行默认操作 Trigger()方法触发事件后，会执行浏览器默认操作 以上代码会为input元素绑定focus事件，同时会使input得到焦点。 如果值想绑定focus事件，而不想执行浏览器默认操作，可以使用Jquery的另一个方法triggerHandler()方法； $(imput).trigger(focus); $(input).triggerHandler(focus); .NET 4 朱宏森 名称 说明 分析 其他方法-绑定多个事件类型 $(function(){ $(div).bind(mouseover mouseout, function(){ $(this).toggleClass(over); }); }) $(function() { $(div).bind(mouseover, function() { $(this).toggleClass(over); }).bind(mouseout, function() { $(this).toggleClass(over); }); }); 很显然，第一中方法更简单，这就是JQuery提倡的 “Write less,do more” (写的更少，做的更多)理念 .NET 4 朱宏森 其他方法-添加事件命名空间 名称 说明 解释 添加事件命名空间 把元素绑定的事件用命名空间规范起来 $(function(){ $(div).bind(clcik.plugin,function(){ $(body).append(pclcik事件/p); }); $(div).bind(mouseover.plugin,function(){ $(body).append(pmouseover事件/p); }); $(div).bind(dblclcik.plugin,function(){ $(body).append(pdblclcik事件/p); }); $(button).clcik(function(){ $(div).unbind(p.plugin事件/p); }); }); 在所绑定的事件后面添加命名空间，这样在删除事件时只需要指定命名空间即可。单击button后，”plugin”的空间被删除，而dblclick事件仍然存在。 .NET 4 朱宏森 相同事件名称，不同命名空间执行方法 名称 说明 举例 相同事件名称，不同命名空间执行方法 可以为元素绑定相同的事件类型，然后以命名空间的不同按需调用。 单击div后,会触发clcik和click.plugin事件,如果只单击button，则只触发click，而不触发click.plugin 注意：trigger(“click!”)感叹号的作用是匹配所有不包含命名空间中的方法. 如果需要两者都触发，