jQuery.trigger() 方法用于触发指定元素上指定的事件,并执行相应的回调函数。它是 jQuery 中最常用的事件处理函数之一,可以用来触发已经存在的事件,也可以用来触发自定义事件。
$("#myElement").trigger("click"); // 触发元素上的 click 事件 $("#myElement").trigger("customEvent"); // 触发元素上的 customEvent 事件
jQuery.trigger() 方法接收两个参数:要触发的事件名称和附加到该事件上的数据对象。如果不传递数据对象,则默认为 null。例如:
$("#myElement").trigger("click", {name: "John"}); // 触发 click 事件并携带 name 参数值 John
当使用 jQuery.trigger() 方法时,会立即执行相应的回调函数。这意味着你不必再使用 jQuery.on() 或者 jQuery.bind() 来为元素绑定回调函数;你可以直接使用 jQuery.trigger() 来执行回调函数。例如:
$("#myElement").trigger("click", function(){ alert('Clicked!'); });
此外,jQuery.trigger() 还有一个重要特性就是它能够冒泡。这意味着当你在子元素上使用 trigger() 时,该方法会逐层向上传递到所有包含该子元素的父元素中去。例如:
$('#child').trigger('click'); // 向上冒泡到 #parent 元素
最后要说明的是,jQuery.trigger() 方法还能够在不同元素之间传递信息。例如你想要在一个元素上执行一个动作然后将信息传递到另一个元素中去时就能够使用 trigger() 方法来实现这一目标。例如:
$('#source').on('customEvent', function(e, data){ $('#target').trigger('customEvent', data); });
jQuery 杂项方法
删除字符串开始和末尾的空格
$.trim() 函数用于去除字符串两端的空白字符。
注意:$.trim()函数会移除字符串开始和末尾处的所有换行符,空格(包括连续的空格)和制表符。如果这些空白字符在字符串中间时,它们将被保留,不会被移除。
参数 | 描述 |
---|---|
str | String类型 需要去除两端空白字符的字符串。 |
jQuery 杂项方法
jQuery 选择器参考手册实例选择前 3 个之后的所有 tr 元素:$(tr:gt(2))亲自试一试定义和用法:gt 选择器选取 index 值高于指定数...
jQuery deferred.rejectWith() 方法jQuery 杂项方法定义和用法deferred.rejectWith()函数用于拒绝延迟对象,并根据给定的 contex...
jQuery.parseXML()方法jQuery 杂项方法实例创建一个jQuery对象使用一个XML字符串并得到标题节点的值。 p id=someElement/pp id=a...
jQuery $.proxy() 方法 jQuery 事件方法实例强制执行 objPerson 内的 test 函数的上下文:$(button).click($.proxy(objPerson,te...
jQuery ValidatejQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满...