`

jquery event

阅读更多
http://docs.jquery.com/Events
绑定事件:
bind( type, [data], fn ) Returns: jQuery
1)type是事件类型, 包括:
blur, focus, load, resize, scroll, unload, click, dblclick,  mousedown, mouseup, mousemove, mouseover, mouseout, mouseenter, mouseleave, change, select,  submit, keydown, keypress, keyup, error
2)data是附加的能被传到event handler的数据, 通过event.data可以取到,当然这个参数是可选的。
3)fn是event handler
function callback(eventObject) {
  this; // dom element
}


拆除绑定:
unbind( type, data )
指定type可以将事件响应解除: $("#theone").unbind('click');
指定data,可以将data从event.data去掉

特别的事件绑定
一般的, 都是给一个event设定一个handler,比如click(fn);
hover比较特别, 本身包含了两个事件over和out,于是需要给两个event都指定handler,于是就有hover( over, out ):
 $("li").hover(
      function () {
        $(this).append($("<span> ***</span>"));
      }, 
      function () {
        $(this).find("span:last").remove();
      }
    );

类似的还有toggle( fn, fn1 )

分享到:
评论

相关推荐

    jquery.event.drag jquery拖动插件

    《jQuery Event Drag 插件深度解析与应用实践》 在Web开发中,用户交互体验的提升是关键之一,其中拖放(Drag and Drop)功能尤为常见,如文件管理、元素布局等。jQuery作为广泛使用的JavaScript库,提供了丰富的...

    jQuery事件回调李斯特「jQuery Event Callback Lister」-crx插件

    新的jQuery Event Inspector面板。 舒适地检查您的jQuery代码,并查看其回调事件列表。 此插件在“元素”面板上添加了一个新的侧边栏-jQuery Callback Events侧边栏-显示了所选元素的事件处理程序,包括正在发生或...

    jQuery源码分析之Event事件分析

    对于事件的操作无非是addEvent,fireEvent,removeEvent这三个事 件方法。... Jquery提供了一个 event的包裹,这个相对于其它的lib提供的有点简单,但是足够使用。 代码如下: //对事件进行包裹。 fix : function(e

    jquery.event.drop-2.0.zip

    《jQuery Event Drop 2.0:深入理解与应用》 jQuery Event Drop 2.0 是一个专门用于处理拖放事件的插件,它为开发者提供了更丰富的交互功能,使得在网页上实现动态拖放操作变得更为简单。在这个压缩包文件"jquery....

    jqueryeventlogger:jQuery Event Logger是一个书签,用于实时记录jQuery绑定的事件,因为它们被触发

    jQuery Event Logger是一个书签,可在触发时实时记录jQuery绑定的事件。 它使查看每个事件正在执行的处理程序的可视化变得容易,并可以追溯其源代码。 用法 创建具有以下内容的书签: [removed](function(){...

    jQuery Event Callback Lister-crx插件

    新的jQuery Event Inspector面板。 舒适地检查您的jQuery代码,并查看其回调事件列表。 此插件在“元素”面板上添加了一个新的侧边栏-jQuery Callback Events侧边栏-显示了所选元素的事件处理程序,包括正在发生或...

    jquery.event.drag-2.0.rar

    《jQuery.event.drag-2.0:拖放事件的深度解析》 在JavaScript的世界里,jQuery库以其简洁的API和强大的功能深受开发者喜爱。而在jQuery的众多插件中,`jquery.event.drag-2.0`是一个专门处理拖放事件的插件,它极...

    为jQuery添加自定义事件机制

    在JavaScript的世界里,jQuery是一个非常流行的库,它简化了DOM操作、事件处理、动画效果以及Ajax交互等任务。本文将深入探讨如何为...通过阅读和实践提供的jQueryEvent压缩包中的源码,可以更深入地理解这个过程。

    jquery中event对象属性与方法小结

    JQuery读书笔记–Event属性说明 JQuery事件中的Event属性是经常性的被忽略的。大多数时间你的确不怎么用它,但有些时候它还是它还是有作用的。如获知触发时用户的环境(是否按了shift etc)。每个浏览器对event都有...

    利用jQuery的$.event.fix函数统一浏览器event事件处理

    为了解决不同浏览器之间的兼容性问题,jQuery提供了一个非常有用的工具函数$.event.fix,它能够将不同浏览器原生的事件对象转换为一个统一的事件对象,从而允许开发者使用统一的方式处理各种浏览器中的事件。...

    jquery下为Event handler传递动态参数的代码

    var event = new jQuery.Event("demo-trigger"); event.extra = { name:'Andrew', age:'23', job:'FrontEndDev' }; $('#demo').trigger(event); }); ``` 以上两种方法都是有效的方式,用于在jQuery事件处理...

    jquery-event-key:返回键盘按键值

    jquery-event-key 返回 键盘事件触发时对应的按键值 ###使用方法 $("#test").onkeydown(function(event){ var realKey = $.realKey(event); console.log(realKey); });

    jQuery.event兼容各浏览器的event详细解析

    在jQuery中,`.event.fix()`方法是一个非常重要的工具,它能够将不同浏览器的原生事件对象转换成jQuery封装的统一的事件对象。当你使用jQuery处理事件时(例如使用`.click()`,`.mouseover()`等方法绑定的事件),...

    jquery.mobile.event

    《jQuery Mobile Event 深入解析》 在Web开发领域,jQuery Mobile是一个强大的框架,它专为触摸设备设计,提供了一套完整的用户界面组件和事件处理机制。标题"jquery.mobile.event"表明我们将深入探讨jQuery Mobile...

    最新 jQuery 1.7正式发布(附带1.6中文API)

    另外,在jQuery 1.7中移除了event.layerX和event.layerY这两个属性,以及jQuery.isNaN()和jQuery.event.proxy()方法,分别用event.originalEvent.layerX and event.originalEvent.layerY、jQuery.isNumeric()、...

    jquery-migrate3.4版本

    《jQuery Migrate 3.4 版本详解》 jQuery Migrate 是一个插件,它的主要目的是帮助开发者平滑地过渡到较新版本的 jQuery,解决老版本代码在新版本中可能遇到的兼容性问题。在jQuery Migrate 3.4.0版本中,我们看到...

    Jquery演示 jquerydemo jquery常用

    `$(element).click(function(){...})`用于绑定点击事件,`$(element).on('event', function(){...})`则支持多种事件,如`'mouseover'`, `'mouseout'`, `'keydown'`等。同时,`.off()`用于解除绑定。 ### 四、动画...

    jquery-inputevent:jQuery的跨浏览器oninput事件

    **jQuery InputEvent 插件详解** 在Web开发中,JavaScript库jQuery因其易用性和广泛的兼容性而备受青睐。然而,不同的浏览器对某些事件的支持程度各异,`oninput`事件便是其中之一。`oninput`事件在用户输入内容时...

Global site tag (gtag.js) - Google Analytics