Jquery 触发器之treigger()方法简介

trigger是个很神奇的东西,它可以模拟简单的用户输入操作。并触发点击click, mouseover, keydown 等事件.

具体使用方法如下:

$("button").click(function(){
  $("button2").trigger("click");
});

当点击button时,触发button2的click事件;

当看到这句代码的时候有人会说,干嘛用这种方法;一句$("button2").click(),不就搞定了!这样写反而增加了代码量;

下面我们来说明一下,trigger()方法的具体用法把!

使用trigger()方法是可以触发执行元素上并用trigger绑定的方法,当然也会触发执行元素的默认行为,如submit按钮的提交表单的行为;这里有一个特列,那就是<a></a>超链接的click的不会被触发。

此外很重要的一点是你在触发绑定的事件同时,还可以为改事件传递参数。

Jquery1.3版本开始  trigger()开始支持事件冒泡,可以传递到dom树上。

1.用法一:     $.trigger( events [extraArguments , extraArguments ] )

2.用法二:     这个方法是在Jquery1.3中新增的;jQueryObject.trigger( eventObject [extraArguments , extraArguments ] )

上面两个方法的参数说明:

events  ---String类型指定的事件类型和可选的命名空间,例如"click"、 "focus"、 "keydown.myPlugin"。

extraArguments   ---可选/Object类型为事件处理函数传入的额外参数。如果要传入多个参数,请以数组方式传入如[1,2,3,4,5],数组里面的每个元素都充当方法的参数。

eventObject   ---Object类型一个Event对象,用于触发传入该对象的事件处理函数。

返回值:trigger()函数的返回值为jQuery类型,返回当前jQuery对象本身。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏desperate633

我的javascript学习之路_01之js基础1JavaScript的简介JavaScript的使用JavaScript输出javascript语句JavaScript注释JavaScript变量J

近期开始接触学习extjs框架。该框架是基于JavaScript的。为了更好地理解学习extjs,必然需要先对JavaScript有一个较好的理解。

7920
来自专栏小程序的道路

小程序渲染

在组件上使用 wx:for 控制属性绑定一个数组,即可使用数组中各项的数据重复渲染该组件。通过遍历数据,将数据展示,类似vue中的 v-for。 wx:for-...

16120
来自专栏行者常至

02.爬虫基础知识与简易爬虫实现

10500
来自专栏GreenLeaves

JavaScript之共享onload

我们知道,当我们将JS代码脚本放到<head></head>标签之间时,这是的js代码加载要先于DOM加载,而我们往往会在JS代码脚本中写一些获取DOM元素的代...

19680
来自专栏无所事事者爱嘲笑

vue要点记录(待更新)

17930
来自专栏北京马哥教育

Python爬虫库-BeautifulSoup的使用

Beautiful Soup是一个可以从HTML或XML文件中提取数据的Python库,简单来说,它能将HTML的标签文件解析成树形结构,然后方便地获取到指定标...

10200
来自专栏JavaEdge

后端开发必备JQuery常用知识点jQuery.each(object, [callback])1 筛选2 属性3 文档处理4 回调函数

向每个匹配的元素内部追加内容。 这个操作与对指定的元素执行appendChild方法,将它们添加到文档中的情况类似。

9330
来自专栏前端知识分享

第22天:js改变样式效果

1、alert:弹出警示框(用的非常少,用户体验不好) 完整写法:window.alert(“执行语句”); window对象,窗口,一般情况可省略 alert...

13510
来自专栏Keegan小钢

Android技术积累:开发规范

上个月发布了Android项目重构的三篇系列文章,其中,界面篇中提到了在项目中保持规范性的重要性,也有简单举了几个例子。这篇文章则将其延伸,提供更完整的开发规范...

13420
来自专栏vue学习

前端面试题总结(持续更新。。)

16820

扫码关注云+社区

领取腾讯云代金券