六
:事件处理
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的事件都可以按以上方法扩展。
分享到:
相关推荐
jQuery使用手册,前端开发工具,亲测可用。
jQuery使用手册.docjQuery使用手册.docjQuery使用手册.doc
2-jQuery使用手册.doc 4-jQuery技巧总结.doc 5-jQuery常用方法事件属性.doc 3-使用 jQuery 简化 Ajax 开发.doc
jquery API 使用手册 jquery API 使用手册 jquery API 使用手册
jQuery使用手册.doc jQuery使用手册.doc jQuery使用手册.doc
jQuery使用手册. jQuery使用手册.jQuery使用手册.jQuery使用手册.
†jQuery是一款同prototype一样优秀js开发库类,特别是对css和XPath的支持,使我们写js变得更加方便!如果你不是个js高手又 想写出优 秀的js效果,jQuery可以 帮你达到目的!大家可以看看有keel翻译的jQuery入门
本压缩包内包含以下文件: jquery-1.12.4.js jquery-1.12.4.min.js jQuery1.11.0_20140330.chm jQueryAPI_CHM.CHM
jquery使用手册
jQuery手册jQuery手册jQuery手册
资源名称:jquery1.7 中文手册 CHM文档(附jquery1.82 chm手册)内容简介:因国内jquery中文手册更新太慢了,等了一段时间实在等不下去了,干脆自己动手做一个丰衣足食,时刻更新. 最后感谢Shawphy提供1.4.1版,jehn提供...
jquery用户使用手册,快速学习jquery.
JavaScript和jquery实战手册
资源名称:jQuery 中文手册 1.11.1内容简介:jquery中文手册 自从 2011 第1.7版到现在,这期间进行了很多次修改,因为作者相信:只要用心,哪怕一个小玩意都可以做到极致。 jQuery API 1.4.4 是一部比较详细的中文...
jQuery使用手册.doc jQuery使用手册.doc
jQuery1.3.1中文使用手册里面不但有API的详细说明,有很多jQuery使用的小例子,使用的时候可以方便的查找哦
jQuery API 3.3.1 中文手册,jQuery是一个JavaScript框架,自面世以来,以其快速、简洁,能够很轻易地处理HTML文档、控制事件、给页面添加动画和Ajax效果等功能使多很多WEB编程者对其非常热爱,本手册旨在帮助广大...