jQuery中trigger与bind用法分析

技术驱动者

于 2023-10-02 01:07:36 发布

阅读量170

点赞数

CC 4.0 BY-SA版权

文章标签： jquery 前端 javascript js

本文链接：https://blog.youkuaiyun.com/CodeWhizZ/article/details/133473747

js 专栏收录该内容

505 篇文章 ¥59.90 ¥99.00

订阅专栏

本文深入探讨jQuery的trigger和bind方法，解释它们在事件处理中的作用。trigger用于手动触发事件，如示例中展示的点击事件，而bind用于绑定事件处理函数到元素上。jQuery 3.0后，bind已被废弃，推荐使用on方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jQuery是一种广泛使用的JavaScript库，提供了简化HTML文档遍历、事件处理、动画效果等操作的功能。其中，trigger和bind是两个常用的方法，用于处理事件触发和绑定。本文将详细分析它们的用法，并提供相应的源代码示例。

一、trigger方法
trigger方法用于手动触发指定的事件。它可以模拟用户操作或代码触发事件，从而执行与事件相关联的操作。下面是trigger方法的基本语法：

$(selector).trigger(eventType, extraParameters)

其中，selector是用于选择要触发事件的元素的选择器；eventType是要触发的事件类型，例如"click"、"mouseover"等；extraParameters是可选参数，用于传递给事件处理函数的额外数据。

下面是一个示例，演示如何使用trigger方法触发一个点击事件：

// HTML代码：<button id="myButton">Click me</button>
$("#myButton").

了解本专栏

订阅专栏解锁全文

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

技术驱动者

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

订阅专栏

jquery-trigger

weixin_43051270的博客

05-21

406

1. trigger简单使用介绍 trigger() 方法触发被选元素的指定事件类型，也可以是自定义事件 $(selector).trigger(event,[param1,param2,…]) selector : 选择器 event : (必选) 定义的事件 params: (可选) 需要的参数 $(.demo).on(function(e,a,b,c){ console.log(e) console.log(a,b,c)//10,20,30 }) $(.demo).trigger('

jQuery trigger()方法用法介绍

12-09

jQuery的trigger()方法用法介绍: 此方法可以触发匹配元素上指定类型的事件。它具有两种语法格式，下面就分别做一下介绍。语法结构一: 代码如下: $(selector).trigger(event,[param1,param2,…]) 参数解析: 1.event:必需，规定匹配元素要触发的事件，可以是自定义事件，也可以是标准的事件。 2.param:可选，传递给事件处理函数的参数。代码实例: 代码如下: <!DOCTYPE html> <html> <head> <meta charset=” utf-8″> <title>蚂蚁部落</title> <script src

1 条评论您还未登录，请先登录后发表或查看评论

jQuery中 trigger() & bind() 使用心得

weixin_34126557的博客

08-03

167

trigger(type) 在每一个匹配的元素上触发某类事件。返回值:jQuery 参数: type (String): 要触发的事件类型示例: $("p").trigger("click") 1.trigger() 触发事件这个方法是jQuery 1.3中新增的一个引起触发事件的函数。这里的事件就如jQuery的帮助文档中的事件那一栏，如...

jQuery.trigger() 函数详解

yuzhongkai的博客

03-31

4678

trigger()函数用于在每个匹配元素上触发指定类型的事件。此外，你还可以在触发事件时为事件处理函数传入额外的参数。使用该函数可以手动触发执行元素上绑定的事件处理函数，也会触发执行该元素的默认行为。以表单元素为例，使用trigger("submit")可以触发该表单绑定的submit事件，也会执行表单submit事件的默认行为——表单提交操作。根据网友 @飞扬的

jquery的bind()和trigger()

weixin_30275415的博客

02-01

278

本文主要介绍JQuery的trigger()和bind()方法。 1. $(selector).bind(event,data,function)方法为被选元素添加一个或多个事件处理程序，并规定事件发生时运行的函数。 event：必需，规定添加到元素的一个或者多个事件。由空格分隔多个事件。必需是有效的事件data:可选，规定传递到处理函数中的数据。function：必需，规定事件发生时的运...

JQ~trigger与bind，触发与绑定何先何后？

weixin_34274029的博客

05-06

148

最近在做项目时，遇到一个需求，事实上就是表单联动的问题，单击单选框，下面的复选框联动，当第一次加载时，默认触发第一个单选框，如图：之前的方法，没有完成我的要求，第一次加载时，公司被选中，再“角色”这块并没有触发指定事件，代码如下： //首次加载时，模拟Dept单击事件 $("input[name=Dept]").first().trigger("click"); ...

jQuery中trigger()与bind()用法分析

11-22

在jQuery库中，`trigger()`和`bind()`是两个非常重要的事件处理函数，它们分别用于触发和绑定事件。本文将详细解析这两个函数的用法及其应用场景。 ### `bind()` 函数 `bind()` 是jQuery中用于绑定事件处理函数到...

jQuery中trigger()方法用法实例

10-24

在jQuery中，常见的方法如bind()、on()等用于绑定事件处理函数。而trigger()方法则用于程序化地触发这些已绑定的事件。接下来，我们将根据给定文件中的内容，详细解释trigger()方法的功能、定义及其使用技巧。 1....

jQuery中值得注意的trigger方法浅析

10-20

本文将深入探讨`trigger`方法的核心功能、常见用法以及如何与其他jQuery方法结合使用。 `trigger`方法的基本用法是通过指定事件类型来触发该事件。例如，`trigger('click')`会模拟一次点击事件。它的基本语法结构...

jQuery之事件触发器trigger()

06-17

2535

console.log('我是自定义a事件')})var i = 0;i++;// 满足条件触发div的自定义事件})

jQuery常用方法之trigger

记录点滴

06-16

908

trigger（eventType，param），自动触发系统事件或自定义事件； eventType：要触发的事件类型； param：传递的参数，可传一个或多个参数，多参数要用数组或对象表示。案例一： eg：一个经常看到的小功能，打开一张网页，一般会看到有广告层弹出，点击它可以关闭，不点击它倒计时结束会自动关闭：我们简单实现下：倒计时5秒之后，div消失，或倒计时期间点击div，di...

jQuery中使用trigger()方法完成模拟操作

Allenyhy的博客

10-26

1723

我们前面说的栗子都是需要主要主动去触发事件，但是有时候需要用户进入页面之后，就自动触发事件，而不需要用户去主动触发，这就可以用到我们的trigger()方法了 $('button').trigger('click'); 这样，加载完页面之后，就会立刻输出想要的结果，也可以用简化写法click(),来达到同样的效果 $('button').click(); 1.触发自定义事件 t...

jquery的trigger方法

kongjunchao159的博客

03-15

1501

trigger方法：可以手动触发通过on或其它方式绑定到某元素的事件，例如click、change、submit等例子： $('#id').on('click', function(){}) $('#id').trigger('click') triggerHandler方法：类似于trigger，但是不会触发元素的默认行为，例如a标签的跳转行为，submit的提交行为等

使用jQuery中trigger()方法自动触发事件

热门推荐

ole_triangle_java的博客

03-05

1万+

一、常用事件在页面加载完成时自动触发input的点击事件，在移动端可以实现自动弹出输入法，获得焦点 $("input").trigger("click").focus(); 还有一种简写方式： $("input").click(); 还有其它事件就不一一列出了。二、自定义事件 $("#btn").on("myClick",func

trigger()和triggerHandler()

houhuizhe的专栏

06-29

1896

<br />年前一个项目做下来，全程js 交互写了我半辈子的js代码，重构了N便~~ 不过做项目这东西很锻炼人，强迫你去接触一些没有接触过的东西，收获还是蛮大的。其中收获最大的还是对jQuery 的全新认识了，之前接触jquery一直都是表现类的，如show，hide，hover，等方法，这次项目，接触了许多事件类代码。trigger() 触发事件 <br />这个方法是jQuery 1.3中新增的一个引起触发事件的函数。具体解释可以去这里下载最新的jquery 手册查一下，里面解释的很清楚，就是字有点多

03【jQuery】jQuery 事件： jQuery 事件注册，jQuery 事件处理，jQuery 事件对象

嘿嘿_哈哈的博客

09-13

218

jQuery 事件学习内容： jQuery 事件注册，jQuery 事件处理，jQuery 事件对象 1. jQuery 事件注册语法：element.事件(function(){}) $(“div”).click(function(){ 事件处理程序 }) 其他事件和原生基本一致。比如mouseover、mouseout、blur、focus、change、keydown、keyup、resize、scroll 等 2. jQuery 事件处理 2.1 事件处理 on() ..

jquery中的trigger的使用

weixin_34315665的博客

05-24

190

点击按钮触发窗口大小改变事件。。。。页面加载完以后触发按钮的点击事件。。。。转载于:https://blog.51cto.com/11871779/2399651

jQuery 中 trigger 的使用

FE-阿阳的博客

01-29

909

jQuery 中 trigger 的使用详情描述 trigger不可以直接触发input（file）、select的原生事件；可以触发给元素添加的事件；但是如果trigger外面包了一层on（“click”），则可以触发input（file）、select的原生事件 trigger触发某个元素的某个事件，首先得让那个元素把那个事件添加的函数提前执行；比如可以使用 trigger 做进入页

JQuery系列之自动触发事件.trigger( )

qq_40875877的博客

04-22

455

一、自动触发事件 1、常用的的自动触发事件会将元素的默认行为也触发如：文本框获取焦点时的闪烁 $("div").click() //会自动触发元素的默认事件 $("div").trigger() //会自动触发默认事件 2、不会触发元素的默认事件 $("div").triggerHandler("click"); //不会触发默认事件 ...