jQuery中 trigger() & bind() 使用心得
2016-04-27 11:19
197 查看
jQuery中
trigger() & bind() 使用心得
trigger(type)在每一个匹配的元素上触发某类事件。
返回值:jQuery
参数:
type (String): 要触发的事件类型
示例:
$("p").trigger("click")
1.trigger() 触发事件
这个方法是jQuery 1.3中新增的一个引起触发事件的函数。
这里的事件就如jQuery的帮助文档中的事件那一栏,如:click, mouseover, keydown 等有动作的js事件,而像show, hide这是效果不是事件。
2.为什么要用 trigger() ?
相信刚开始接触大家也都有这样的想法?
比如前台页面里有:<p id="p1">请点击这里!</p>
你希望加载页面时就执行这个事件给这个这p绑定了click事件(将下面的代码写在$(function(){});里面):
$("#p1").click(function(){
alert("hello!");
});
如果用trigger(),你就要写成这样:
$("#p1").click(function(){
alert("hello!");
}).trigger(click);
这样写不是更加麻烦了吗?可以这么说,但是用trigger()最大的好处就是它是可以传递参数进去的。例如:
//myEvent为自定义事件名
$("#p1").bind("myEvent",function(event,str1,str2) {
alert(str1 + ' ' + str2);
});
$("#p1").trigger("myEvent",["Hello","World"]);
也可以这样写:
$("#p1").bind("myEvent",function(event,str1,str2) {
alert(str1 + ' ' + str2);
}).trigger("myEvent",["Hello","World"]);
相关文章推荐
- Jquery实现Ajax同步请求
- jquery的deferred使用详解
- jquery插件开发及 jquery自定义函数
- jQuery操作checkbox选择
- jquery 字符串对比 以及each遍历
- jQuery绑定事件on()与弹窗的简要概述
- jQuery的deferred对象详解
- jquery 自带的Form validate 调用远程
- jQuery.form插件的使用及跨域异步上传文件
- jQuery EasyUI使用教程之创建简单窗口
- metronic/jquery uniform使用中checkbox渲染问题
- jquery中each遍历对象和数组示例
- jQuery遍历对象、数组、集合实例
- jQuery 选择器
- 浅析jQuery事件之on()方法绑定多个选择器,多个事件
- 浅析jquery与checkbox的checked属性的问题
- 【摘】jQueryMobile开发问题记录
- jQueryMobile在开发中的知识总结
- jQuery顾虑器——类过滤
- 那些你经常会用的Jquery语法