jQuery使用手册之 事件处理

转载 2012年03月26日 21:24:02

hover(Function, Function) 当鼠标move over时触发第一个function,当鼠标move out时触发第二个function
样式:<style>.red{color:#FF0000}</style>
Html代码: <div id="a">sdf</div>
jQuery代码及效果 $(function(){
$("#a").hover(function(){$(this).addClass("red");},
function(){ $(this).removeClass("red");
});
})最终效果是当鼠标移到id为a的层上时图层增加一个red样式,离开层时移出red样式

toggle(Function, Function) 当匹配元素第一次被点击时触发第一个函数,当第二次被点击时触发第二个函数
样式:<style>.red{color:#FF0000}</style>
Html代码: <div id="a">sdf</div>
jQuery代码及效果 $(function(){
$("#a"). toggle (function(){$(this).addClass("red");},
function(){ $(this).removeClass("red");
});
})最终效果是当鼠标点击id为a的层上时图层增加一个red样式,离开层时移出red样式

bind(type, fn) 用户将一个事件和触发事件的方式绑定到匹配对象上。
trigger(type) 用户触发type形式的事件。$("p").trigger("click")
还有:unbind() unbind(type) unbind(type, fn)

Dynamic event(Function) 绑定和取消绑定提供函数的简捷方式
例: $("#a").bind("click",function() {
$(this).addClass("red");
})也可以这样写: $("#a").click(function() {
$(this).addClass("red");
});
最终效果是当鼠标点击id为a的层上时图层增加一个red样式,

jQuery提供的函数
用于browers事件
error(fn) load(fn) unload(fn) resize(fn) scroll(fn)

用于form事件
change(fn) select(fn) submit(fn)

用于keyboard事件
keydown(fn) keypress(fn) keyup(fn)

用于mouse事件
click(fn) dblclick(fn) mousedown(fn) mousemove(fn)
mouseout(fn) mouseover(fn) mouseup(fn)

用于UI事件
blur(fn) focus(fn)

以上事件的扩展再扩展为5类
举例,click(fn) 扩展 click() unclick() oneclick(fn) unclick(fn)
click(fn):增加一个点击时触发某函数的事件
click():可以在其他事件中执行匹配对象的click事件。
unclick ():不执行匹配对象的click事件。
oneclick(fn):只增加可以执行一次的click事件。
unclick (fn):增加一个点击时不触发某函数的事件。
上面列举的用于browers、form、keyboard、mouse、UI的事件都可以按以上方法扩展。


详细出处参考:http://www.jb51.net/article/8816.htm;

jQuery事件处理

  • 2013年04月01日 10:51
  • 2.84MB
  • 下载

Subversion简明手册--使用hook svn (事件处理)

使用 hook ,为了方便管理员 控制提交的过程 Subversion 提供了 hook 机制。当特定的 事件发生时,相应的 hook 会被调用, hook 其实就相当于特定 事件的处理函数...

NGUI事件处理使用心得

  • 2015年05月14日 16:04
  • 304KB
  • 下载

使用AmplifyJS和JQuery编写更好更优雅的javascript事件处理代码

事件(或消息)是一种常用的软件设计模式,能够降低消息处理者和消息发布者的之间的耦合,比如J2EE里面的JMS规范。设计模式中的观察者模式(也叫发布/订阅模式),这对于javascript代码同样适用。...

推荐--jQuery使用手册

翻译整理:Young.J 官方网站:http://jquery.com     jQuery是一款同prototype一样优秀js开发库类,特别是对css和XPath的支持,使我们写js变得更...
  • aerchi
  • aerchi
  • 2012年04月13日 13:07
  • 1821

jQuery 使用手册(六)

jQuery 使用手册,大家可以耐心的看完,就基本上入门了。 六:事件处理 hover(Function, Function) 当鼠标move over时触发第一个function,当鼠标mo...

jQuery 使用手册(二)

Query 使用手册,大家可以耐心的看完,就基本上入门了。 二:DOM操作 属性 我们以为例,在原始的 javascript里面可以用var o=document.getElementById(...

Jquery使用手册7--Ajax支持 作者:choy

====================================================== 注:本文源代码点此下载 =============================...

jQuery使用手册

明:该css选择Xpathhtml来匹配目标jQuery基础参数::字符串,一个查询html 行前: ponep div ptwop divpthreep a ="#"="te...
  • zztfj
  • zztfj
  • 2011年05月26日 18:24
  • 898
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jQuery使用手册之 事件处理
举报原因:
原因补充:

(最多只允许输入30个字)