jQuery 使用手册(六)

2016-02-19 13:56 1 1 收藏

下面是个简单易学的jQuery 使用手册(六)教程,图老师小编详细图解介绍包你轻松学会,喜欢的朋友赶紧get起来吧!

【 tulaoshi.com - Web开发 】

jQuery 使用手册,大家可以耐心的看完,就基本上入门了。:事件处理

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)

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

用于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.tulaoshi.com/webkaifa/)

来源:http://www.tulaoshi.com/n/20160219/1605728.html

延伸阅读
FreeBSD 使用手册 http://www.freebsd.org.cn/snap/doc/zh_CN.GB2312/books/handbook/index.html 目前最为权威、内容最全的FreeBSD用户手册,适合各类学习freeBSD阶段的人, 欢迎加入freeBSD学习的行列当中来............... 在chinaunix.net上的手册中心中有更多的不同内容BSD的用户使用手册‘ chinaunix.net的手册中心
wget是一个从网络上自动下载文件的自由工具。它支持HTTP,HTTPS和FTP协议,可以使用HTTP代理. 所谓的自动下载是指,wget可以在用户退出系统的之后在后台执行。这意味这你可以登录系统,启动一个wget下载任务,然后退出系统,wget将在后台执行直到任务完成,相对于其它大部分浏览器在下载大量数据时需要用户一直的参与,这省去了极大的麻烦。 w...
标签: 网络游戏
《神话》宝石使用手册   宝石雕琢 通过洛阳(918,1052)的NPC宝石工匠多宝道人对话,选择“宝石雕琢”进入宝石雕琢功能界面,将宝石与雕琢符及需要雕琢的宝石拖入界面中即可实现功能。 纯净精华宝石 纯净守护宝石 宝石合成 宝石镶嵌 宝石摘除 《世界传说:光明神话3》系列人物介绍5...
标签: Web开发
作者:norika 整理日期:2004年6月17日 基本介绍: showModalDialog() (IE 4+ 支持) showModelessDialog() (IE 5+ 支持) window.showModalDialog()方法用来创建一个显示HTML内容的模态对话框。 window.showModelessDialog()方法用来创建一个显示HTML内容的非模态对话框。 使用方法: vReturnValue&...
标签: 电脑入门
还在为视频不能转换格式而烦恼吗?先如今,已出现各种视频转换工具为网民们解决了这一问题。那么视频转换工具下载后该如何使用呢?今日,图老师小编便以MKV转换精灵为例,详细为大家介绍下MKV转换精灵使用方法。 MKV转换精灵 拥有强大的视频转换功能,支持几乎所有的视频格式,如  RM、RMVB、VOB、DAT、VCD、MPG、SVCD、ASF、MOV、QT、...