jquery学习之trigger解析

最新推荐文章于 2020-07-12 23:43:40 发布

原创最新推荐文章于 2020-07-12 23:43:40 发布 · 195 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #ViewUI

jQuery 专栏收录该内容

10 篇文章

订阅专栏

本文介绍了jQuery中trigger方法的使用技巧，包括如何模拟点击事件、自定义事件及传递参数等高级用法，帮助开发者更好地掌握这一实用功能。

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

trigger在页面加载时执行，可以自定义事件，并传递参数。咱们一步步的来了解trigger。
1.首先下面的例子，只有在click的时候才会触发下面的事件。


$(document).ready(function(){
  var click_fn = function(){
   $("p").slideToggle();
 };

  //just click
  $("button").click(function(){
    click_fn.call();
  });
});

2.可以有多种方式来模拟人的行为，看下面的例子


 $("button").click（function(){
    click_fn.call();
  });
$("button").click();


$("button").bind("click", function(){
    click_fn.call();
  }).trigger("click");

3.不仅如此，trigger还支持传递参数和自定义事件名称，为事件解绑定做足了准备


  //自定义事件
  $("button").bind("myEvent", function(data){
    click_fn.call();
      alert(data['name']);
  });
  $("button").trigger("myEvent",{name:"name"});
});