最新公告:最新上线Yii2实战教程,欢迎大家订阅

jQuery中 trigger() & bind() 使用

1 1034

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”]);

作者:PHP学习网,本文 jQuery中 trigger() & bind() 使用 版权归作者,免费文章欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

评论: 1 条 访客:1 条, 博主:0 条 查看引用: 0

  • 雷雪松    -49楼

    写的很好,很有用。

发表评论:

您必须 才能发表留言!

Yii2实战教程

一套真正的从入门到实践的教程,不说废话的讲解,实例操作,作者的亲自指导,有问题随时提问。现在购买即可获取全套完整教程

PHP学习网 – 公众账号

最新文章
免费证书Let’s Encrypt的申请和使用 192
mac下Homebrew的使用 338
mysql5.7.21导入5.6的数据报Error : Invalid default value for ‘comment_date’ 450
阿里云 lnmp一键安装包远程访问Mysql 852
php memcached扩展安装 694
vagrant package 打包命令的用法 720
Warning: require_once(): open_basedir restriction in effect 错误 961
yaf框架教程(6)- yaf路由配置 1050
vagrant问题汇总 1079
ubuntu系统两个PHP版本坑坏人 1055
随机文章
yii2的百度编辑器ueditor的扩展 821
Ueditor单独调用图片上传和附件上传功能 2541
PHP5之XMLWriter演示 1447
在yii中使用memcache 881
PHP常见header状态 1217
liunx系统下php添加pcntl多线程扩展 1751
Minty清新博客主题 1614
PHP面向对象:instanceof 运算符 1020
apache2.4+php5.5+mysql5.6 环境搭建配置 1641
xml中出现”&”报错,如何解决 1372
切换注册

登录

切换登录

注册