$()下的常用方法
• ev pageX which
• preventDefault stopPropagation
• one()
• offset() position()
• offsetParent()
• val()
• size()
• each()
$()下的常用方法
• hover()
• show() hide()
• fadeIn() fadeOut()
• fadeTo()
• slideDown() slideUp()
1、ev 触发事件
2、pageX
clientX clientY 原点位置是可视窗口的左上角
pageX pageY 带滚动距离
screenX screenY
3、which
1、如果你添加的是鼠标事件,返回点击鼠标对应的码
1 左键 2 滚轮 3 右键
2、keydown 事件 代表的是键码 keyCode
3、keypress事件 代表的是字符码charCode
4、preventDefault 阻止默认行为
$("div").click(function(ev){
ev.preventDefault();
})
5、stopPropagation 阻止事件冒泡
$("div").click(function(ev){
ev.stopPropagation();
})
【注】return false 代表既阻止默认行为有阻止事件冒泡
6、one() 绑定事件只能触发一次
作用和on基本一在这里插入代码片致,on可以一直被触发,而one被触发过一次之后将不会再被触发
7、offset() 都不算,直接计算可视大小距离最左边的距离。即border到浏览器窗口最左边的距离,margin不计算在自身宽度上,计算在距离上,不考虑父级是否有定位
8、position() 都算,计算,父级元素中第一个有定位的父级的距离,margin计算在自身宽度上,不计算在距离上。
9、offsetParent() 找父级,第一个有定位的父级元素。
10、val() value 取值赋值一体化
11、size() 获取到的元素节点的个数
二者作用相同
12、each() JQ的遍历,遍历我们获取到的所有的元素。
index代表li的下标,item代表元素节点
13、fadeIn():用于淡入已隐藏的元素
14、fadeOut():用于淡出可见元素
传入两个参数(毫秒数,回调函数)。
15、fadeToggle():淡入淡出方法之间进行切换
16、fadeTo():允许渐变为给定的不透明值(值位于0~1之间)。
传入三个参数(毫秒数,不透明值,回调函数)。
淡入淡出效果:
fadeIn():用于淡入已隐藏的元素
fadeOut():用于淡出可见元素
传入两个参数(毫秒数,回调函数)。
fadeToggle():淡入淡出方法之间进行切换
fadeTo():允许渐变为给定的不透明值(值位于0~1之间)。
传入三个参数(毫秒数,不透明值,回调函数)。
17、hover 函数
hover(funOver, funOut)
可以传入参数,
第一个参数 毫秒数 动画持续的事件
第二个参数 回调函数 动画执行完毕以后执行的代码
18、show() 显示
19、hide() 隐藏
20、 slideDown() 方法以滑动方式显示被选元素。
$(selector).slideDown(speed,easing,callback)
21、 slideUp() 方法以滑动方式隐藏被选元素。
$(selector).slideUp(speed,easing,callback)
22、stop() 停止动画
23、delay() 延迟 延迟执行 参数传入毫秒数
24、animate()
第一个参数 变化样式属性
第二个参数 动画持续的事件 不传入 默认400毫秒
第三个参数 回调函数
运动速度:慢快慢
提供了两种运动形式:swig 慢快慢(默认) linear(匀速)
链式运动