jquery

事件编程

基本事件

对象.事件方法(匿名函数)

1、focus(fn)  当获取焦点时

2、blur(fn)     当失去焦点时

3、click(fn)    当鼠标单击时

4、dblclick(fn)  当鼠标双击时

5、scroll(fn)  当滚动条滚动时

6、select(fn)  当内容被选中时

7、submit(fn)  当表单提交时

8、mouseenter(fn)  当鼠标经过时

9、mouseleave(fn)  当鼠标离开时

事件切换

l  hover(over,out)：它是专门用于实现鼠标经过与鼠标离开

参数说明：

  over：表示的是鼠标经过事件   它是一个匿名函数

 out：表示是的鼠标离开事件    它是一个匿名函数

l  toggle(fn1,fn2)：当鼠标第一次单击时触发第一个fn1函数，当鼠标第二次单击时触发第二个fn2函数  

事件绑定

l  bind(type,fn) ：对事件进行绑定  但是只绑定一个事件、

参数说明：

       type：指事件名  事件名不带on前缀

           fn：事件的处理程序   是一个匿名函数

l  bind({type:fn,type:fn})：对事件进行绑定  可以同时绑定多个事件

参数说明：

       要求参数是一个JSON对象  

       type：指事件名  事件名不带on前缀

       fn：事件的处理程序   是一个匿名函数

l  one(type,fn) ：对事件进行一次绑定    只会触发一次事件  、

参数说明：

           type：指事件名  事件名不带on前缀

           fn：事件的处理程序   是一个匿名函数

l  unbind([type]) ：对事件进行解除绑定  如果带参数(事件名  不带on前缀) 表示对指定的事件进行解绑   如果不带参数 表示对所有的事件进行解绑

参数说明：

       type：可选的参数   事件名 

效果

基本效果

l  show()：将隐藏的元素显示出来

l  show(speed,[callback]) ：将隐藏的元素以动画的方式显示出来

l  hide()：将显示的元素隐藏起来

l  hide(speed,[callback]) ：将显示的元素以动画的方式隐藏

l  toggle() ：如果显示就隐藏  如果隐藏就显示

l  toggle(switch) ：如果参数为true则表示只显示，如果为false表示只隐藏

l  toggle(speed,[callback])：以动画的方式进行显示或者隐藏

参数说明：

• speed表示的方式有两种：一种毫秒数  二种英文单词 
• speed:"slow", "normal", "fast"
• callback：可选的参数  它是一个回调函数  当动画执行完了以后再来执行的函数 

滑动效果

l  slideDown()：将隐藏的元素显示出来

l  slideDown(speed,[callback]) ：以动画的方式将隐藏的元素显示出来

l  slideUp()：将显示的元素进行隐藏

l  slideUp(speed,[callback]) ：以动画的方式将显示的元素进行隐藏

l  slideToggle()：显示或者隐藏

slideToggle(speed,[callback]) ：以动画的方式进行显示或者隐

淡入淡出

• fadeOut()：淡出
• fadeIn()：淡入
• fadeTo(speed,opacity)：淡入淡出到指定值  opactiy 指透明度  取值：0~1之间 0表示完全透明  1表示不透明 

fadeToggle()：淡入或者

自定义动画

l  animate(options,speed)：当时间到了以后 就执行options里面的参数

文档操作

内部插入

l  $(selector).append(content) ：将content追加到selector选择器内部的最后面

l  $(content).appendTo(selector)：将content追加到selector选择器内部的最后面

l  $(selector).prepend(content) ：将content追加到selector选择器内部的最前面

l  $(content).prependTo(selector) ：将content追加到selector选择器内部的最前面

删除操作

l  empty()   将当前对象里面的内容清空 但是标签还在   将身体掏空了

l  remove()  将标签与内容同时移除   自杀

复制

l  clone([true])  将元素进行克隆 

参数说明：如果有带true这个参数 表示克隆元素本身的同时还会将这个元素身上的事件进行克隆    如果没有带true  则表示只克隆 元素的本身  不克隆元素身上的事件 

获取到当前的索引值

l  index()

查找

链式编程

对象.方法名.方法名.方法名

l  eq(index) ：获取到指定下标的元素

l  next([expr]) ：匹配当前元素的下一个兄弟元素

l  Siblings()：匹配除了当前元素以外的所有的其它的兄弟元素

l  parent([expr])：匹配当前元素的父元素

l  parent([expr])：匹配当前元素的父元素