26@ajax_day04

 

四、jQuery事件处理
　　1、事件绑订
　　　　bind(type,fn)
　　2、绑订方式的简写形式
　　　　click(function(){
　　　　});
　　3、合成事件
　　　　hover(enter,leave) : 模拟光标悬停事件
　　　　toggle(fn1,fn2..)：模拟鼠标连续单击事件
　　4、事件冒泡
　　　　在jQuery当中，只需要在事件处理函数中添加任意的一个参数，就可以获得事件对象(该对象是对原来的底层的事件对象的封装，封装的目的是为了兼容不同的浏览器)
　　　　1)获得事件对象
　　　　　　click(function(e1){
　　　　　　});
　　　　2)停止冒泡
　　　　　　event.stopPropagation()
　　　　3)停止默认行为
　　　　　　event.preventDefault()
　　5、事件对象的属性
　　　　event.target:返回事件源（是dom对象!!!）
　　　　event.pageX/pageY:点击的坐标
　　6、模拟操作
　　　　$obj.trigger('click')
　　　　或者也可以写成
　　　　$obj.click();

---

五、动画

　　1、show("slow"/"normal"/"fast"/100,[fn]) :
　　　　显示：宽度和高度同时增加。
　　　　fn函数是可选的，会在整个动画执行完毕之后执行。
　　hide("slow"/"normal"/"fast"/100,[fn])    
　　　　隐藏: 标记的宽度和高度同时减少。
　　2、fadeIn() fadeOut():改变不透明度
　　　　淡入: 增加opacity值
　　　　淡出: 减少opacity值
　　3、slideUp() slideDown() :改变元素的高度
　　　　显示：高度增加
　　　　隐藏：高度减少
　　4、自定义动画
　　　　animate(params,speed,[fn])
　　　　params: 是一个对象，形如
　　　　　　{'':'','':''},
　　　　比如:
　　　　　　{'left':'100px','top':'200px'}
　　　　speed: 动画执行的速度。

---

六、类数组的操作

　　$(选择器): 如果查询的结果是多个节点，需要使用jQuery对象提供的相应方法来处理。
　　each(fn(i)):循环遍历每一个元素,this代表被迭代的dom对象，$(this)代表被迭代的jquery对象。
　　eq(index)：返回index+1位置处的jquery对象
　　index(obj)：返回下标，其中obj可以是dom对象或者jquery对象。
　　length：个数
　　get()：返回dom对象组成的数组
　　get(index)：返回index+1个dom对象。