`

jquery 讲解 trigger的例子(可直接运行)

jQueryJ#HTML 
阅读更多
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
                    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
 
  <script>
  $(document).ready(function(){
   
    $("button:first").click(function () {
      update($("span:first"));
    });
    $("button:last").click(function () {
      $("button:first").trigger('click');

      update($("span:last"));
    });

    function update(j) {
      var n = parseInt(j.text(), 10);
      j.text(n + 1);
    }

  });
  </script>
  <style>
  button { margin:10px; }
  div { color:blue; font-weight:bold; }
  span { color:red; }
  </style>
</head>
<body>
  <button>Button #1</button>
  <button>Button #2</button>
  <div><span>0</span> button #1 clicks.</div>
  <div><span>0</span> button #2 clicks.</div>
  <p/>From<p/>
http://docs.jquery.com/Events/trigger
</body>
</html>
分享到：
| cascade 与 inverse
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    jQuery权威指南-源代码

    其次详细讲解了jQuery的各种选择器、jQuery操作DOM的方法、jQuery中的事件与应用、jQuery中的动画和特效、Ajax在jQuery中的应用，以及各种常用的jQuery插件的使用方法和技巧，所有这些知识点都配有完整的示例（包括...

    jquery 弹出层插件

    由于提供的链接是NULL，我们将基于一般的jQuery弹出层插件进行讲解。通常，这类插件包括以下主要功能： 1. **显示与隐藏**：插件允许开发者轻松地在页面上显示或隐藏弹出层。这通常通过调用特定的jQuery方法如`....

    jQuery详细教程

    jQuery详细教程，讲解很透彻， 一. jQuery 语法实例 $(this).hide() 演示 jQuery hide() 函数，隐藏当前的 HTML 元素。 $("#test").hide() 演示 jQuery hide() 函数，隐藏 id="test" 的元素。 $("p").hide() ...

    jQuery入门基础培训

    本培训旨在为新员工提供一个快速掌握jQuery基础知识的平台，通过实例演示和讲解，让大家能够熟练运用jQuery进行网页开发。 ### 一、jQuery介绍 jQuery由John Resig于2006年创建，它的核心理念是“Write Less, Do ...

    锋利的jquery

    《锋利的jQuery》是一本面向初学者的jQuery教程，旨在帮助新手快速入门并掌握这一强大的JavaScript库。...对于想要进入前端开发领域的学习者，掌握jQuery是必不可少的一步，这本书无疑是一个很好的引导。

    锋利的jQuery

    《锋利的jQuery》这本书是面向JavaScript开发者，特别是对jQuery框架感兴趣的读者的一份宝贵资源。...阅读并实践书中的例子，你将能够更好地理解和运用jQuery，打造更加动态和交互丰富的网页应用。

    锋利的jQuery.rar 书+源码

    《锋利的jQuery》是一本深入讲解jQuery库的著作，结合了源代码，为读者提供了丰富的实践材料。jQuery是一款广泛使用的JavaScript库，它简化了HTML文档遍历、事件处理、动画设计和Ajax交互等任务，极大地提高了开发...

    《锋利的JQuery》实例源码

    《锋利的jQuery》是一本深入讲解jQuery技术的书籍，其附带的实例源码是学习和理解jQuery核心概念及实际应用的重要参考资料。这个压缩包包含的文件是书中的各个章节实例的源代码，总共涵盖了8个章节的内容，未包括...

    锋利的jQuery第2版源码

    《锋利的jQuery第2版》是一本深入探讨jQuery库的专著，旨在帮助开发者熟练掌握这一广泛使用的JavaScript库。本书源码的提供使得读者能够更直观地理解书中的示例和实践，从而提升学习效果。jQuery是一个轻量级、高...

    jQuery+json百度图表插件实现饼状图

    以下是对这个主题的详细讲解： 首先，jQuery是一个轻量级的JavaScript库，它简化了HTML文档遍历、事件处理、动画和Ajax交互。jQuery的API设计使得开发者能够快速地添加交互性和动态效果到网页中，极大地提高了开发...

    jQueryContextmenu.rar

    本篇文章将重点讲解jQuery Contextmenu插件的使用方法、核心功能以及在实际项目中的应用技巧。 jQuery Contextmenu插件是jQuery生态系统中的一员，专门用于创建自定义的右键菜单。其主要由`jquery.contextmenu.r2....

    jQuery自定义下拉框

    在这个例子中，我们使用的是`jquery-1.7.2.min.js`，确保在`&lt;head&gt;`标签内添加引用： ```html &lt;script src="jquery-1.7.2.min.js"&gt; ``` 接下来，我们可以编写jQuery代码来实现下拉框的交互功能。例如，我们可以...

    Events-I-:事件I with使用JQuery处理鼠标事件和键盘事件

    本篇将详细讲解如何使用JQuery来处理鼠标事件和键盘事件，以提升用户体验并实现丰富的交互功能。 一、JQuery与事件处理 JQuery通过其API提供了简洁的接口来绑定和触发事件。我们可以使用`.on()`方法来添加事件监听...

    jQuery实现form表单基于ajax无刷新提交方法实例代码

    以下是一个详细的实例代码讲解。 首先，我们需要一个HTML页面，比如`Login.html`，在这个页面中包含一个form表单。表单通常包括输入字段和提交按钮，例如用户名和密码。在这个例子中，我们有以下HTML结构： ```...

    详解JavaScript中的自定义大事编写_.docx

    本文将深入讲解如何在JavaScript中创建和使用自定义事件。 首先，我们可以通过`Event`构造函数来创建一个基本的自定义事件。例如： ```javascript var event = new Event('build'); ``` 这里创建了一个名为`build...

    NET3.5 AJAX无刷新实例_aspx开发教程.rar

    - 可选：添加Trigger控件，如AsyncPostBackTrigger，来指定触发UpdatePanel更新的事件。 - 在服务器端代码中处理事件，更新UpdatePanel的内容。 - 客户端脚本库会自动处理页面的异步提交和更新。 3. **AJAX无...

    javascript实现相同事件名称，不同命名空间的调用方法

    本文将深入讲解如何在JavaScript（特别是jQuery库）中实现相同事件名称，但通过命名空间调用不同功能的方法。 首先，理解命名空间的概念。在JavaScript中，命名空间是一种组织代码的方式，可以防止变量或函数名冲突...

    js连级省市区

    在这个例子中，我们使用了jQuery的`$.each`遍历数据，`append`添加选项，以及`find`方法查找特定的省份。同时，我们通过`change`事件监听用户的选择，并在选择省份后动态更新城市列表，选择城市后更新区县列表。 ...

    JS代码实现table数据分页效果

    这里我们将详细讲解如何使用JS代码实现table数据分页。 ### 常见的分页实现方式 #### 1. 显示页数翻页 在提供的示例中，首先展示了使用jQuery实现的简单页数翻页效果。HTML部分创建了一个基本的表格结构，包含了...

Magicbox
Global site tag (gtag.js) - Google Analytics