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

更新时间：2015年12月18日 15:35:21 作者：匆匆夏日

这篇文章主要介绍了jQuery中trigger()与bind()用法,结合实例形式分析了trigger()与bind()的功能、定义及具体使用技巧,需要的朋友可以参考下

本文实例讲述了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程序设计有所帮助。

您可能感兴趣的文章:

基于jQuery实现最基本的淡入淡出效果实例
这篇文章主要介绍了基于jQuery实现最基本的淡入淡出效果的方法,实例分析了jQuery中hide、show、toggle等函数的使用技巧,需要的朋友可以参考下
2015-02-02
jquery动态添加以及遍历option并获取特定样式名称的option方法
下面小编就为大家分享一篇jquery动态添加以及遍历option并获取特定样式名称的option方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2018-01-01
jQuery中animate()方法用法实例
这篇文章主要介绍了jQuery中animate()方法用法,以实例形式分析了animate()方法的功能、定义及具体使用技巧,具有一定的参考借鉴价值,需要的朋友可以参考下
2014-12-12
jQuery zTree插件使用简单教程
这篇文章主要为大家详细介绍了jQuery zTree插件使用的简单教程，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2019-08-08
MVC+jQuery.Ajax异步实现增删改查和分页
这篇文章主要为大家详细介绍了MVC结合jQuery.Ajax异步实现增删改查和分页的相关资料，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-05-05
原生javascript实现的分页插件pagenav
这几天要做一个前台页面,涉及到分页,不想自己去写所以在网上找jquery看有没有好用一点的分页组件,结果发现有很多,但是都很麻烦,看到了这个叫pagenav的发现相对来说还是很容易上手的,于是就直接用了,在我看来,能解决问题的办法就是好办法.越简单越好.
2014-08-08
模拟jQuery ajax服务器端与客户端通信的代码
本案例通过jQuery和Servlet技术来判断用户名是否存在，让读者明白jQuery是怎么调用服务器后台的。还给出了解决中文乱码的方案和如何避免各种浏览器的缓存。
2011-03-03
Jquery表单验证失败后不提交的解决方法
很多人可能都会遇到在调试的时候用了return了false，可为什么还会提交呢？这个问题我最近也碰到了，尝试了多次也没有用，后来终于发现了其中的问题，下面分享处理给大家，让同样遇到这个问题的朋友们能够看看，有需要的朋友们下面来一起看看吧。
2016-10-10
jquery拖动层效果插件用法实例分析(附demo源码)
这篇文章主要介绍了jquery拖动层效果插件用法,结合实例形式分析了jquery-ui-1.7.2.custom.min.js插件的具体使用技巧,并附带完整demo源码供读者下载参考,需要的朋友可以参考下
2016-04-04
jQuery实现跟随鼠标运动图层效果的方法
这篇文章主要介绍了jQuery实现跟随鼠标运动图层效果的方法,可实现实时显示鼠标坐标的图层跟随鼠标运动的效果,非常具有实用价值,需要的朋友可以参考下
2015-02-02

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

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具