位置: 编程技术 - 正文

jQuery如何使用自动触发事件trigger(jquery设置自定义属性)

编辑:rootadmin

推荐整理分享jQuery如何使用自动触发事件trigger(jquery设置自定义属性),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:jquery自定义函数,jquery设置自定义属性,jquery有自定义选择器吗,jquery有自定义选择器吗,jquery自动加载的方法,jquery自定义的方法有哪些,jquery自定义函数,jquery自定义,内容如对您有帮助,希望把文章链接给更多的朋友!

有时候,需要通过模拟用户操作,来达到点击的效果,例如用户进入页面后 就触发click事件,而无需主动点击。

比如以下代码:

实现效果为'点击1'页面上将显示x1 ,'点击2'页面上显示x2 … 但需要实现首次进入页面为默认是'点击1'

在jQuery中,可以使用trigger()方法完成模拟操作。 例如可以使用下面的代码来触发A链接的click事件。

jQuery如何使用自动触发事件trigger(jquery设置自定义属性)

$('a').first().trigger("click");

这样 当页面加载完毕后,触发第一个A链接的click事件,页面将显示x1

触发自定义事件

trigger()方法不仅能触发浏览器支持的具有相同名称的事件,也可以触发自定义名称的事件。 例如为元素绑定一个”myEvent”的事件,jQuery代码如下:

想要触发这个事件,可以使用以下代码来实现:

$('#btn').trigger("myEvent");

传递数据

trigger(type,[data])方法有两个参数, 第1个是事件对象或者要触发的事件类型, 第2个参数是传递给事件处理函数的附加参数,以数组形式传递。通常可以通过传递一个参数给 回调函数来区别这次事件是代码触发的还是用户触发的。

下面是一个传递数据的例子。

本文链接地址:https://www.jiuchutong.com/biancheng/373854.html 转载请保留说明!

上一篇:jquery+json实现数据二级联动的方法(jquery使用jsonp)

下一篇:jQuery实现图片上传和裁剪插件Croppie(jquery添加图片)

免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

鄂ICP备2023003026号

网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

友情链接: 武汉网站建设 电脑维修 湖南楚通运网络