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


Posted in Javascript onDecember 18, 2015

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

Javascript 相关文章推荐
简单的js分页脚本
May 21 Javascript
JavaScript的document对象和window对象详解
Dec 30 Javascript
用dtree实现树形菜单 dtree使用说明
Oct 17 Javascript
JS和Jquery获取和修改label的值的示例代码
Jan 15 Javascript
jQuery实现鼠标划过展示大图的方法
Mar 09 Javascript
学习掌握JavaScript中this的使用技巧
Aug 29 Javascript
基于js文件加载优化(详解)
Jan 03 Javascript
JS+HTML实现的圆形可点击区域示例【3种方法】
Aug 01 Javascript
解决vue打包后刷新页面报错:Unexpected token
Aug 27 Javascript
Vue插件之滑动验证码
Sep 21 Javascript
Vue 列表页带参数进详情页的操作(router-link)
Nov 13 Javascript
vue项目多环境配置(.env)的实现
Jul 21 Vue.js
jQuery+JSON实现AJAX二级联动实例分析
Dec 18 #Javascript
js获取url传值的方法
Dec 18 #Javascript
JavaScript setTimeout使用闭包功能实现定时打印数值
Dec 18 #Javascript
jquery获取css的color值返回RGB的方法
Dec 18 #Javascript
jQuery实现textarea自动增长宽高的方法
Dec 18 #Javascript
jquery简单倒计时实现方法
Dec 18 #Javascript
js命名空间写法示例
Dec 18 #Javascript
You might like
几个php应用技巧
2008/03/27 PHP
php 删除一个数组中的某个值.兼容多维数组!
2012/02/18 PHP
PHP内核探索:变量存储与类型使用说明
2014/01/30 PHP
php获取文件大小的方法
2014/02/26 PHP
PHP生成不重复随机数的方法汇总
2014/11/19 PHP
PHP判断一个gif图片是否为动态图片的方法
2014/11/19 PHP
PHPExcel 修改已存在Excel的方法
2018/05/03 PHP
php tpl模板引擎定义与使用示例
2019/08/09 PHP
利用腾讯的ip地址库做ip物理地址定位
2010/07/24 Javascript
JavaScript call apply使用 JavaScript对象的方法绑定到DOM事件后this指向问题
2011/09/28 Javascript
js中substring和substr的详细介绍与用法
2013/08/29 Javascript
JS两种定义方式的区别、内部原理
2013/11/21 Javascript
禁止IE用右键的JS代码
2013/12/30 Javascript
jquery使用slideDown实现模块缓慢拉出效果的方法
2015/03/27 Javascript
巧用Vue.js+Vuex制作专门收藏微信公众号的app
2016/11/03 Javascript
jquery 仿锚点跳转到页面指定位置的实例
2017/02/14 Javascript
jQuery Position方法使用和兼容性
2017/08/23 jQuery
vue如何解决循环引用组件报错的问题
2018/09/22 Javascript
layui button 按钮弹出提示窗口,确定才进行的方法
2019/09/06 Javascript
Vue Components 数字键盘的实现
2019/09/18 Javascript
python 提取文件的小程序
2009/07/29 Python
简介Python设计模式中的代理模式与模板方法模式编程
2016/02/02 Python
python matplotlib中文显示参数设置解析
2017/12/15 Python
python树的同构学习笔记
2019/09/14 Python
python绘制无向图度分布曲线示例
2019/11/22 Python
Python lambda表达式原理及用法解析
2020/08/18 Python
python 实现超级玛丽游戏
2020/11/25 Python
HTML5+lufylegend实现游戏中的卷轴
2016/02/29 HTML / CSS
行政助理的职责
2013/11/14 职场文书
拾金不昧的表扬信
2014/01/16 职场文书
司机检讨书
2014/02/13 职场文书
美术专业自荐信
2014/07/07 职场文书
创新社会管理心得体会
2014/09/12 职场文书
分析Python感知线程状态的解决方案之Event与信号量
2021/06/16 Python
python turtle绘制多边形和跳跃和改变速度特效
2022/03/16 Python
Python测试框架pytest高阶用法全面详解
2022/06/01 Python