`
jackroomage
  • 浏览: 1215031 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类

jquery 模拟事件的例子,触发自定义事件

 
阅读更多

1、 模拟事件的例子

<html>
<head>
<script type="text/javascript" src="c:\jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){

$("button").click(function(){$("p").click();});
//  模拟点击p.click 事件
 $("p").click(function(){
     alert($("p").html());
 });
  });

</script>
</head>
<body>
<button>点击这里进行切换</button>
<p>双击本段落会触发上面这个按钮的 click 事件。</p>
</body>
</html>

 

 

2、触发自定义事件

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> New Document </title>
  <script src="c:\jquery.js"></script>
 </head>
    <script>
         $(function(){

          
                $("input").click(function(){
                   $("input").trigger("Myclick");
                });


                $("input").bind("Myclick",function(){
                     $("div").append("<p id='pid'>我的移动事件!</p>");
                });
          })
    </script>
 <body>
        <input type="button" value="测试"></input>
        <div>
         <p>测试模拟事件是否能出现!</p>
        </div>
 </body>
</html>

分享到:
评论

相关推荐

    JQuery自动触发事件的方法

    2. 触发自定义事件 trigger()方法不仅限于触发浏览器预定义的事件,它还可以用来触发开发者自定义的事件。例如,开发者可以为元素绑定一个名为"myClick"的自定义事件,并在事件处理函数中执行相应的逻辑。绑定...

    JQuery EasyUI学习例子

    在这个"JQuery EasyUI学习例子"中,我们将深入探讨如何利用EasyUI创建一个模拟火车票查询的UI组件。 首先,EasyUI 的核心思想是简化前端开发,通过简单的 HTML 标签和属性就能实现复杂的功能。在提供的压缩包中,...

    jquery全屏实现滑动多种自定义效果源码下载

    本教程将深入探讨如何利用jQuery实现全屏滑动多种自定义效果。 一、jQuery基础 在开始之前,我们需要对jQuery的基本语法和选择器有一定的了解。jQuery是一个JavaScript库,它简化了DOM操作、事件处理以及动画效果...

    jquery自定义弹出窗口

    jQuery自定义弹出窗口的核心是通过CSS和JavaScript来创建一个新的层(div元素)模拟窗口效果。首先,我们需要在HTML文件中创建一个隐藏的弹出窗口模板: ```html ;"&gt; &lt;!-- 弹出窗口内容 --&gt; ``` ### 2. 弹出...

    jQuery如何使用自动触发事件trigger

    除了触发标准的浏览器事件之外,trigger()还可以用来触发自定义事件。jQuery允许我们通过bind()方法来绑定一个自定义事件,并指定一个函数作为事件处理程序: ```javascript $('#btn').bind("myEvent", function(){...

    jquery模拟select,带tip提示

    本文将详细讲解如何使用jQuery模拟Select下拉框,并结合Tip提示功能,提升用户体验。这个实例中,开发者创建了一个自定义的jQuery插件,用于替代原生的HTML `&lt;select&gt;` 元素,同时集成了qTip插件,为模拟的Select...

    jquery阻止冒泡事件使用模拟事件

    在这个例子中,我们关注的是如何使用jQuery来阻止事件冒泡,以及模拟自定义事件。事件冒泡是指在一个元素上的事件会依次向其父元素传递,直到到达文档的根节点。有时我们不希望事件继续向上级元素传播,这就是阻止...

    jquery模拟微博向下不断滚动特效

    在网页设计和开发中,jQuery 是一款非常流行的 JavaScript 库,它简化了DOM操作、事件处理、动画制作等任务。本教程将详细讲解如何使用jQuery来实现“微博向下不断滚动”(也称为无限滚动或自动加载)的特效,这是一...

    jquery模拟ajax关闭div窗口效果

    本主题将深入探讨如何使用jQuery模拟AJAX关闭div窗口的效果。这种效果常见于弹窗对话框、提示框或者模态窗口的关闭,提供一种无刷新的用户体验。 首先,我们需要了解基本的HTML结构。一个简单的div窗口可能包含以下...

    jQuery animate事件卷轴打开动画效果

    jQuery的animate函数允许开发者自定义元素的CSS属性,如位置、大小、颜色等,并在指定时间内平滑地改变这些属性,从而创建出各种复杂的动画效果。它的基本语法如下: ```javascript $(selector).animate({params}, ...

    jquery命名空间模拟

    在事件管理中,可以使用命名空间来方便地添加、移除和触发特定类型的事件。例如: ```javascript $(document).on('myEvent.namespace', function() { // ... }); $(document).off('.namespace'); // 移除所有...

    jQuery自定义时长LED倒计时代码

    **jQuery自定义时长LED倒计时代码**是一款利用JavaScript库jQuery实现的倒计时功能,具有LED显示屏的视觉效果,适用于网页应用。这个代码允许用户自定义倒计时的时间,比如设定为分钟和秒数,然后点击"Start"按钮...

    jquery -> tap 插件

    在Web开发中,尤其是在移动端,模拟触摸事件是常见的需求,以便为触屏设备提供友好的交互体验。`jQuery Tap` 插件就是为了解决这个问题而诞生的,它允许开发者在jQuery的基础上实现类似于桌面端点击事件的触摸事件。...

    应用jquery插件jPaginate的一个分页例子

    jQuery是一个广泛使用的JavaScript库,简化了DOM操作、事件处理和动画制作等任务。而`jPaginate`是一个小巧而功能强大的jQuery插件,专为实现美观且易于定制的分页功能而设计。本文将深入探讨如何应用`jPaginate`...

    jQuery双色球开奖扭蛋机抽奖代码.zip

    "jQuery双色球开奖扭蛋机抽奖代码"就是一个很好的例子,它结合了jQuery库的强大功能和CSS3的炫酷动画效果,为用户营造了一种模拟真实抽奖过程的体验。下面,我们将深入探讨这个项目的实现原理和关键知识点。 首先,...

    jqueryMobile例子

    - jQuery Mobile 提供了一些特定的事件,如 `pageinit`(页面加载完成时触发)、`pageshow`(页面显示时触发)和 `pagebeforechange`(页面切换前触发)等,用于自定义行为。 7. **主题系统**: - jQuery Mobile ...

    jquery实现弹窗表单填写提交

    当触发某个事件(如按钮点击)时,该div会被显示出来,模拟弹窗效果。 例如,HTML结构可能如下: ```html 打开表单 ;"&gt; 姓名:&lt;/label&gt;&lt;input type="text" id="name" name="name"&gt; 邮箱:&lt;/label&gt;&lt;input ...

    jQuery桌面右键创建便签贴纸代码.zip

    结合jQuery的事件监听,我们可以监听`contextmenu`事件,当用户在页面上右键点击时触发自定义的菜单,而不是默认的浏览器菜单。 3. **事件处理**:在jQuery中,`$('selector').on('event', function() {...})`用于...

    jquery 经典实例15个

    一个简单的插件开发例子就是创建自定义的选择器或方法。 9. **事件代理**: 使用`$(parent).on("event", "selector", function() {...})`可以实现事件委托,这样即使子元素动态添加,事件也能正确触发。 10. **版本...

    jquery纸飞机特效

    "jQuery纸飞机特效"就是一个典型的例子,它利用jQuery库为网页增添了一种富有创意的动态效果,使页面变得生动有趣。本文将深入探讨这一特效的实现原理、应用场景以及相关技术点。 首先,jQuery是一款广泛使用的...

Global site tag (gtag.js) - Google Analytics