当前位置：首页 > 资讯 > 技术文档

jQuery中trigger()与bind()用法分析

时间：2021-03-09 20:53 编辑：来源：阅读：
扫一扫，手机访问

摘要：jQuery中trigger()与bind()用法分析

本文实例讲述了jQuery中 trigger()与bind()用法。分享给大家供大家参考，具体如下： trigger(type) 在每一个匹配的元素上触发某类事件。返回值:jQuery 参数: type (String): 要触发的事件类型示例:

[u]复制代码[/u] 代码如下:

$("p").trigger("click")

[b]1.trigger() 触发事件[/b] 这个方法是jQuery 1.3中新增的一个引起触发事件的函数。这里的事件就如jQuery的帮助文档中的事件那一栏，如：click, mouseover, keydown 等有动作的js事件，而像show, hide这是效果不是事件。 [b]2.为什么要用 trigger() ？[/b] 相信刚开始接触大家也都有这样的想法? 比如前台页面里有：<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程序设计有所帮助。

全部评论(0)

上一篇：Android系统进程间通信Binder机制在应用程序框架层的Java接口源代码分析
下一篇：PHP PDOStatement:bindParam插入数据错误问题分析

资讯排行榜
更多>>