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 相关文章推荐
根据地区不同显示时间的javascript代码
Aug 13 Javascript
Jquery 绑定时间实现代码
May 03 Javascript
js下将字符串当函数执行的方法
Jul 13 Javascript
20个最新的jQuery插件
Jan 13 Javascript
node.js中的fs.readdir方法使用说明
Dec 17 Javascript
基于JavaScript实现通用tab选项卡(通用性强)
Jan 07 Javascript
基于Bootstrap框架实现图片切换
Mar 10 Javascript
Node.js对MongoDB数据库实现模糊查询的方法
May 03 Javascript
SpringMVC+bootstrap table实例详解
Jun 02 Javascript
JS字符串去除连续或全部重复字符的实例
Mar 08 Javascript
今天,小程序正式支持 SVG
Apr 20 Javascript
vue-cli+iview项目打包上线之后图标不显示问题及解决方法
Oct 16 Javascript
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下删除一篇文章生成的多个静态页面
2010/08/08 PHP
解析PHP可变函数的经典用法
2013/06/20 PHP
php语言中使用json的技巧及json的实现代码详解
2015/10/27 PHP
php查询操作实现投票功能
2016/05/09 PHP
php 使用html5实现多文件上传实例
2016/10/24 PHP
php解析mht文件转换成html的实例
2017/03/13 PHP
jquery与google map api结合使用 控件,监听器
2010/03/04 Javascript
基于jQuery的计算文本框字数的代码
2012/06/06 Javascript
使用js+jquery实现无限极联动
2013/05/23 Javascript
ie7+背景透明文字不透明超级简单的实现方法
2014/01/17 Javascript
JQuery 在文档中查找指定name的元素并移除的实现方法
2016/05/19 Javascript
41个Web开发者必须收藏的JavaScript实用技巧
2016/07/22 Javascript
angularJS模态框$modal实例代码
2017/05/27 Javascript
[02:43]中国五虎出征TI3视频
2013/08/02 DOTA
django1.8使用表单上传文件的实现方法
2016/11/04 Python
Python中int()函数的用法浅析
2017/10/17 Python
Python采集代理ip并判断是否可用和定时更新的方法
2018/05/07 Python
pycharm运行和调试不显示结果的解决方法
2018/11/30 Python
详解Python静态网页爬取获取高清壁纸
2019/04/23 Python
浅谈python多进程共享变量Value的使用tips
2019/07/16 Python
python matplotlib 画dataframe的时间序列图实例
2019/11/20 Python
Django添加bootstrap框架时无法加载静态文件的解决方式
2020/03/27 Python
解决安装新版PyQt5、PyQT5-tool后打不开并Designer.exe提示no Qt platform plugin的问题
2020/04/24 Python
解决keras使用cov1D函数的输入问题
2020/06/29 Python
Python 必须了解的5种高级特征
2020/09/10 Python
Chantelle仙黛尔内衣美国官网:法国第一品牌内衣
2018/07/26 全球购物
工程专业毕业生自荐信范文
2013/12/25 职场文书
钱塘江大潮导游词
2015/02/03 职场文书
个人培训总结
2015/03/05 职场文书
2015年市场营销工作总结
2015/07/23 职场文书
2016大学军训通讯稿
2015/11/25 职场文书
《索溪峪的野》教学反思
2016/02/19 职场文书
2016年第16个全民国防教育日宣传活动总结
2016/04/05 职场文书
如何用Python搭建gRPC服务
2021/06/30 Python
Vue3如何理解ref toRef和toRefs的区别
2022/02/18 Vue.js
详解MySQL的内连接和外连接
2023/05/08 MySQL