jQuery里面的常用的事件和基础动画的实现
一:了解jquery里面常用的事件
二:了解基础动画的实现
1:加载DOM
在JavaScript中使用window.onload事件作为窗体加载事件(它在页面所有数据加载完成之后才会执行)
在jQuery里面中使用 $(document).ready(function()) 作为窗体加载事件(在DOM加载完成之后就会执行)
2:事件绑定
在文档加载完成后,可以使用bind()方法来对匹配元素进行特定事件的绑定
bind(type [data],function)
例子:$("div").bind("mouseover mouseout click",function(){ })
unbind() 对匹配的元素进行移除事件的方法 unbind("type") type--事件类型
3:常用的事件
blur 失去焦点 focus 获取焦点 focusin focusout load unload click dblclick mousedown mouseup
mousemove mouseover mouseout mouseenter mouveleave change select submit keydown keypress
keyup error
4: 阻止事件冒泡: event.stopPropagation()
5:触发事件 trigger()
$("#id").trigger("click") 常用模拟触发事件
6:事件对象的属性
event.type ----获取事件类型
event.stopPropagation() -----阻止事件冒泡
event.pageX ---获取光标相对于页面的X坐标
event.pageY --获取光标相对于页面的Y坐标
event.target --获取事件源对象(获取到触发事件的元素)
event.which --在鼠标单击事件中获取鼠标的左中右键
event.metaKey --为键盘事件中获取CTRL键
event.metaKey :jquery1.4以及之前CTRL按下为true 后续版本改为false
7: 动画
show("速度") 显示元素
hide("速度") 隐藏元素
toggle() 切换效果
fadeOut() fadeIn() 这两个方法是改变元素的不透明度(实现隐藏和显示的效果)
slideUp() slideDown() 这两个方法是改变元素的高度
自定义动画:animate(params,speed,function(){ }) //一个包含样式属性及值的映射 速度 在动画完成之后执行的方法
最新文章
- Menu与ActionBar的爱恨情仇
- 给MySQL增加mysql-udf-http和mysql-udf-json自定义函数,让MySQL有调用http接口和查询直接回JSON的能力
- The import javax.servlet cannot be resolved
- Android 学习第5课,配置android
- 理解em,rem以及rem的失效问题
- MZhong's Resume
- cocos2d-x CCScrollView
- Ganymed SSH-2 for Java
- Painting The Wall 期望DP Codeforces 398_B
- Codeforces 509C Sums of Digits
- Java集合之Map和Set
- nomad的简易集群
- 【转】Python处理wave文件
- BZOJ4894 天赋
- Java Fork/Join 框架
- vue项目上传Github预览
- TableExistsException: hbase:namespace
- 数据类型、运算符及Scanner类练习
- js调起微信客户端
- mongodb集群故障转移实践