`

jquery学习之trigger解析

阅读更多
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"});
});
分享到:
评论

相关推荐

    Jquery学习资源

    自2006年发布以来,jQuery已经成为了前端开发的标准工具之一,因其简洁的语法和丰富的功能而备受青睐。 ### 一、jQuery核心概念 1. **选择器**: jQuery的选择器基于CSS,可以方便地选取DOM元素。例如,`$("#myID")...

    JQuery学习资料,JQuery案例

    **jQuery学习资料与案例解析** jQuery是一个高效、简洁且易用的JavaScript库,它极大地简化了HTML文档遍历、事件处理、动画制作以及Ajax交互。本资料旨在帮助开发者深入理解和熟练掌握jQuery的核心概念和实用技巧。...

    jQuery trigger()方法用法介绍

    jQuery的trigger()方法用法介绍: 此方法可以触发匹配元素上指定类型的事件。 它具有两种语法格式,下面就分别做一下介绍。 语法结构一: 代码如下: $(selector).trigger(event,[param1,param2,…]) 参数解析: 1....

    jquery学习文档(api)

    本文将深入解析jQuery API,帮助初学者快速掌握其核心功能和用法。 一、jQuery选择器 jQuery选择器是其强大功能的基石,它借鉴了CSS的选择器语法,使得选取页面元素变得简单直观。例如,`$("#id")`用于选取ID为...

    Jquery的学习必备

    **jQuery学习必备** jQuery是一款广泛应用于网页开发的JavaScript库,它极大地简化了JavaScript代码的编写,使得网页交互变得更加简单和高效。本资源“Jquery的学习必备”提供了一份清晰易懂的电子书,旨在帮助...

    jquery的学习资料

    ### jQuery实战第二讲:可以编辑的表格——详细知识点解析 #### 一、表格的基本结构与样式设置 在本节中,我们首先了解了表格的基本结构和样式设置。 1. **表格的基本组成部分**: - `table`:表示表格本身。 -...

    jQuery学习资料

    《jQuery学习资料详解》 jQuery,作为一款广泛应用于Web开发的JavaScript库,以其简洁的API、强大的功能和广泛的社区支持,极大地简化了DOM操作、...这份资料的丰富内容和深度解析,确保你在jQuery的世界里游刃有余。

    JQuery学习资料

    2. **选择器**:JQuery的选择器是其强大之处,包括ID选择器、类选择器、元素选择器等,以及组合选择器和属性选择器的使用。 3. **DOM操作**:如何使用JQuery选择和操作DOM元素,如添加、删除、复制和移动元素,以及...

    韩顺平 jquery 源码 传智播客

    《深入解析jQuery源码——基于韩顺平讲解》 jQuery,作为一款广泛应用于Web开发的JavaScript库,以其简洁、易用的API深受开发者喜爱。它极大地简化了DOM操作、事件处理、动画效果以及Ajax交互等任务。韩顺平老师的...

    Learning.JQuery配套源码

    《深入学习jQuery:配套源码解析》 在深入学习JavaScript库jQuery的过程中,源码的研读是提升理解力和技能的关键。"Learning.JQuery"这个项目提供了与学习资源配套的源码,旨在帮助开发者更直观地理解jQuery的核心...

    jquery学习笔记附带例子

    以下是对jQuery核心功能及应用场景的深入解析。 #### 1. 获取与修改页面元素 jQuery强大的选择器引擎使得开发者能够快速定位页面中的元素,无论是通过标签名、ID还是类名,都可以轻易实现。例如,`$('p')`会选取...

    jQuery-, jQuery源码解读 -- jQuery v1.10.2.zip

    本文将对jQuery v1.10.2的源码进行深度解析,帮助读者深入了解其内部工作机制,从而更好地运用到实际项目中。 1. **jQuery的核心概念** jQuery的核心理念是"Write Less, Do More",它通过封装DOM操作、事件处理、...

    jquery学习资料

    本学习资料旨在深入解析jQuery的核心概念和技术,帮助开发者快速掌握并熟练运用jQuery。 一、jQuery基础 1. **选择器**: jQuery的选择器是其强大的功能之一,它允许开发者通过CSS选择器轻松选取DOM元素,如`$("#id...

    jqery源码逐步解析视频(高清)

    ### jQuery源码逐步解析知识点概览 #### 一、jQuery简介 ...通过以上对jQuery源码逐步解析的知识点概览,我们可以深入了解jQuery的工作原理和内部机制,这对于深入学习前端技术、提高编程效率具有重要意义。

    jquery源码框架解读

    这份资料深入解析了jQuery的源码,旨在帮助开发者理解其内部机制,提升技能水平。 jQuery的设计哲学是"Write Less, Do More",它通过简洁的API提供了丰富的功能。以下将围绕jQuery的核心概念、设计模式、性能优化等...

    JQuery1.3及学习文档

    以下是对这个版本及其相关学习文档的深入解析。 ### 一、核心概念 1. **选择器**: jQuery 的核心在于其强大的选择器引擎,它可以快速高效地定位页面上的元素。例如,`$("#id")` 用于选取ID为`id`的元素,`$("....

    JQuery源码详细中文注释_Jquery源码分析_

    jQuery提供了丰富的事件处理功能,包括绑定事件`on()`, 解绑事件`off()`, 触发事件`trigger()`等。它对事件委托有很好的支持,通过`delegate()`或`live()`方法可以实现事件在动态元素上的应用。 五、动画效果 ...

    jquery_mxp.rar

    《jQuery核心概念与实战解析》 在Web开发领域,jQuery是一个不可或缺的JavaScript库,它极大地简化了DOM操作、事件处理、动画制作以及Ajax交互。"jquery_mxp.rar"这个压缩包,显然是一份关于jQuery的重要资源集合,...

    Head First jquery源码

    《Head First jQuery源码》是一本深入解析jQuery库的书籍,其内容主要涵盖了jQuery的核心功能、设计理念以及实现机制。jQuery是JavaScript的一个库,它极大地简化了网页中的DOM操作、事件处理、动画效果以及Ajax交互...

    jquery 源码分析

    总之,jQuery的源码分析是一次深入JavaScript世界的学习之旅,它揭示了如何优雅地处理DOM、事件和动画。通过对源码的阅读和理解,我们可以更好地运用jQuery,甚至可以为自己的项目编写高性能的插件。无论你是前端...

Global site tag (gtag.js) - Google Analytics