JQ的常用方法2

$()下的常用方法
• 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(匀速)

链式运动