jquery中常用的事件

hover 悬停事件（hover()方法相当于mouseover与mouseout事件的组合体）
toggle 对当前控件单击后依次调用的处理函数 （连续单击）

click 单击事件
mousemover 鼠标移进事件
mouseout 鼠标移出事件

dblclick
mousedown
mouseup
mousemove

keyup 按键松开触发的事件
keydown 按键按下触发的事件
keypress 按键按下连续触发 的事件；

focus 得到焦点事件
blur 失去焦点事件

bind 给满足条件的元素绑定某一中类型的事件函数处理； 如 $("input[value=单击]").bind("click",callback); 、$("input[value=单击]").bind("mouseover",callback);
unbind 解除bind事件处理； 跟bind函数反方向；

show 显示; 如 $("#show").show();、$("#show").show("fast");、$("#show").show(5000);
hide 隐藏; 如 $("#show").hide();、$("#show").hide("fast");、$("#show").hide(5000);

fadeIn 淡入效果； 如 $("#show").fadeIn(5000);
faseOut 淡出效果；如 $("#show").fadeOut(5000);

slideDown 显示效果； 如 $("#show").slideDown();、$("#show").slideDown(5000);
slideUp 隐藏效果； 如 $("#show").slideUp();、$("#show").slideUp(5000);

animate: 动画函数。

ready dom加载到内存后可执行的一个函数； 跟onload主要区别是： onload必须等待image，flash加载完成后才会执行； 而ready

live: 为当前或未来可能存在的元素绑定一个事件处理；
die： 跟live相反， 移除当前或未来可能存在元素绑定的事件；

one: 只执行一次的事件处理；
toggle: 依次调用的函数处理；

时间： 2024-10-15 16:32:55

jquery中常用的事件的相关文章

网站开发div在Jquery中的鼠标事件失去焦点

网站div在Jquery中的鼠标事件失去焦点,今天在做网站开发的时候遇到了个问题,就是我在用Jquery做导航的时候,用到了Jquery的鼠标事件mouseout,但问题出来了,我有两个div,A的div包含了B的div,本来我是想当鼠标移出A的div的时候隐藏div,可是当我的鼠标移到B的div在移出的时候也会触发jquery的隐藏事件,这让人很头痛. 在网上搜了下,找到了解决的法子,就是直接把mouseout换成了mouseleave就可以了,具体的问题请大家参考Jquery的开发文档吧

JavaScript中常用的事件

转自:http://www.cnblogs.com/dtdxrk/p/3551454.html 作者:文刀日月 JavaScript中常用的事件 事件委托 可以给元素添加多个事件 var addHandler = function(element,type,handler){ if(element.addEventListener){ element.addEventListener(type,handler,false); //false表示冒泡阶段 }else if(element.atta

javascript中常用的事件绑定方法

我们要想让 JavaScript 对用户的操作作出响应,首先要对 DOM 元素绑定事件处理函数.所谓事件处理函数,就是处理用户操作的函数,不同的操作对应不同的名称. 在JavaScript中,有三种常用的绑定事件的方法: 在DOM元素中直接绑定: 在JavaScript代码中绑定: 绑定事件监听函数. 一. 在DOM元素中直接绑定 这里的DOM元素,可以理解为HTML标签.JavaScript支持在标签中直接绑定事件,语法为:    onXXX="JavaScript Code" 其中

jquery中的DOM事件绑定与解绑

在jquery事件中有时候有的事件只需要在绑定后有效触发一次,当通过e.target判断触发条件有效触发后解除绑定事件,来避免多次无效触发和与未知情况造成冲突. 这时候就要用到了jquery中的事件绑定与事件解绑. 1 $(document).on('click.endEdit',function (e) { 2 if(!$(e.target).hasClass('datagrid-cell')&&e.target.tagName!="TD"){ //事件发生后的判断条

jquery中四个事件绑定方式（bind,live,delegate,on）

bind() 简要描述 bind()向匹配元素添加一个或多个事件处理器. 使用方式 $(selector).bind(event,data,function) event:必需项:添加到元素的一个或多个事件,例如 click,dblclick等: 单事件处理:例如 $(selector).bind("click",data,function); 多事件处理:1.利用空格分隔多事件,例如 $(selector).bind("click dbclick mouseout"

jQuery中常用网页效果应用

一.常用网页效果应用 1.表单应用 表单由表单标签.表单域和表单按钮组成. 1.1单行文本框应用 例:获取和失去焦点改变样式 首先,在网页中创建一个表单,HTML代码如下 <form action="" method="post" id="regForm"> <fieldset> <legend>个人基本信息</legend> <div> <label for="user

jquery中on绑定事件

之前项目中动态创建的标签元素  在绑定事件的时候  都是无效  无论如何都不能触发 eg:在页面加载完成之后   再由脚本动态创建的<div>元素  在绑定事件的时候 例如click事件 $("div").click(function(alert("aaa")){}); 那么动态创建的元素是触发不了这个事件的 这是就要用到on来绑定事件了. 但是在W3C中并没有on事件  只有live,delegate 这是由于这里的更新很不及时  ,建议去http:/

vue中常用的事件和修饰符简单总结

1:阻止冒泡事件 JS事件流其中一种是冒泡事件,当一个元素被触发一个事件时,该目标元素的事件会优先被执行,然后向外传播到每个祖先元素,恰如水里的一个泡泡似的,从产生就一直往上浮,到在水平面时,它才消失.在这个过程中,如果你只希望事件发生在目标元素,而不想它传播到祖先元素上去,那么你需要在"泡泡"离开对象之前刺破它. 在vue中怎么写? 2:阻止默认行为 在vue中怎么写? 3:键盘事件 获取键码?通过事件对象来获取 注意:keydown事件和keyup事件的区别? keydown是在键

JQuery中如何处理键盘事件

背景:比如在页面中,敲击回车键以后,实现登录功能,在之前的Winform开发时,也遇到过处理键盘事件的功能,比如游戏软件中,上下左右的移动等. 代码如下: 1 $(document).keydown(function (event) { 2 if (event.keyCode == 13) 3 { 4 alert('OK'); 5 //$("#btn1").click(); 6 } 7 }); 上面代码的功能是,在页面上任意位置,敲击回车,弹出‘OK’的消息框.