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

jQuery中 trigger() & bind() 使用

1 661

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学习网 – 公众账号

最新文章
阿里云 lnmp一键安装包远程访问Mysql 187
php memcached扩展安装 174
vagrant package 打包命令的用法 154
Warning: require_once(): open_basedir restriction in effect 错误 237
yaf框架教程(6)- yaf路由配置 480
vagrant问题汇总 480
ubuntu系统两个PHP版本坑坏人 455
yaf框架教程(5)- yaf框架的启动文件 392
yaf框架教程(4)- yaf框架的入口文件 373
ElasticSearch5.5.1 单台服务器部署多个节点 467
随机文章
win7系统下安装yii2步奏 3510
JQuery.slideBox图片滚动焦点图 2412
php中钩子(hook)的应用 452
解决阿里云服务器mail不能发邮件 962
git常用命令 677
centos 新建、删除、移动、复制等命令 1127
Yii CGridView columns调用自定义函数 494
等额本息或等额本金计算公式 600
yaf框架教程(1)- yaf框架的安装 394
记录windows下phpstorm + xdebug一次失败的经历 854
切换注册

登录

切换登录

注册