jQuery使用手册之事件处理
样式:<style>.red{color:#FF0000}</style>
Html代码:<divid="a">sdf</div>
jQuery代码及效果
$(
});
})
样式:<style>.red{color:#FF0000}</style>
Html代码:<divid="a">sdf</div>
jQuery代码及效果
$(
});
})
Dynamicevent(Function) 绑定和取消绑定提供函数的简捷方式
例:
$(
})
$(
});
最终效果是当鼠标点击id为a的层上时图层增加一个red样式,
jQuery提供的函数
用于browers事件
用于form事件
用于keyboard事件
用于mouse事件
mouseout(fn) mouseover(fn) mouseup(fn)
用于UI事件
blur(fn) focus(fn)
举例,click(fn)扩展click() unclick() oneclick(fn) unclick(fn)
click(fn):增加一个点击时触发某函数的事件
click():可以在其他事件中执行匹配对象的click事件。
unclick():不执行匹配对象的click事件。
oneclick(fn):只增加可以执行一次的click事件。
unclick(fn):增加一个点击时不触发某函数的事件。
上面列举的用于browers、form、keyboard、mouse、UI的事件都可以按以上方法扩展。
(String)type:数据传递方式(get或post)。
((String)url:数据请求页面的url
((String)data:传递数据的参数字符串,只适合post方式
((String)dataType:期待数据返回的数据格式(例如"xml","html","script",或"json")
((Boolean)ifModified:当最后一次请求的相应有变化是才成功返回,默认值是false
((Number)timeout:设置时间延迟请求的时间。可以参考$.ajaxTimeout
((Boolean)global:是否为当前请求触发ajax全局事件,默认为true
((Function)error:当请求失败时触发的函数。
((Function)success:当请求成功时触发函数
((Function)complete:当请求完成后出发函数
jQuery代码及说明
success:
$(div
}
});将ajax.htm返回的内容作为id为a的div内容
type:
dataType:
data:
success:
$(
}
});
用get方式向ajax.aspx页面传参数,并将返回内容负给id为a的对象。
$.ajaxTimeout(5000)
其它简化方式:
{ name:
)
http://interface.eyecon.ro/demos 效果超级棒,使用更简单,一定有你喜欢的!
http://www.dyve.net/jquery/
http://bassistance.de/jquery-plugins
还有其它很多插件,大家可以google以下,如果大家发现好的了,可以留言共享以下!
——————————————————————————————————————————————
至此jQuery已经介绍完毕,并合并整理提供给大家下载,更多详细的使用请大家参考官方网站,下面我再推荐一些jQuery的学习网站方便大家更好的掌握这项工具!
http://keel.sike.googlepages.com/jQuery_getting_started.html 中文入门介绍,Keel翻译
http://jquery.com/api jquery提供全部基本方法的介绍及demo,方便大家查询!
相关文章
- jquery监听浏览器刷新_jQuery刷新浏览器页面大小
- jquery中的$()是什么_js简单特效
- jquery基础详解编程语言
- jQuery可调整表和列宽插件-colResizable详解编程语言
- jquery微信浏览器阻止页面拖动详解编程语言
- jQuery 3.0 发布!根本不支持 IE6/7/8
- jQuery操作XML入门
- jQuery使用手册(六)
- JQuery网站换肤功能实现代码
- jQuery温习篇强大的JQuery选择器
- jquery判断字符输入个数(数字英文长度记为1,中文记为2,超过长度自动截取)
- jquery下为Eventhandler传递动态参数的代码
- jQuery选择器全面总结
- jQuery中document与window以及load与ready区别详解
- jQuery制作拼图小游戏