jQuery入门级part.2

一，事件编程

　　基本事件：

　blur(fn)     当失去焦点时

　change(fn) 　　 当内容发生改变时

　click(fn)    　　　当鼠标单击时

　dblclick(fn)  　　 当鼠标双击时

　focus(fn)  　　　  当获取焦点时

　keydown(fn)  　　当键盘按下时

　load(fn)   　　　　当页面加载完成时

　mouseover(fn)  　当鼠标经过时

　mouseout(fn)  　  当鼠标离开时

　scroll(fn)  　　　　当滚动条滚动时

　select(fn)  　　　　当内容被选中时

　submit(fn)  　　　  当表单提交时

　mouseenter(fn)  　 当鼠标经过时

　mouseleave(fn)  　 当鼠标离开时

事件切换：

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

　　　　　　参数说明：  over：表示的是鼠标经过事件   它是一个匿名函数 　　out：表示是的鼠标离开事件    它是一个匿名函数

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

事件绑定：

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

　　　　参数说明：type：指事件名  事件名不带on前缀 　　　　fn：事件的处理程序   是一个匿名函数

二，效果

基本　　滑动　　淡入淡出　　自定义动画

基本效果

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

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

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

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

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

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

　　toggle(speed,[callback])：以动画的方式进行显示或者隐藏　　参数说明：speed表示的方式有两种：一种毫秒数  二种英文单词

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　speed:"slow", "normal", "fast"

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　callback：可选的参数  它是一个回调函数  当动画执行完了以后再来执行的函数

滑动效果：

　　slidedown():　　　　　　　　　　将隐藏的元素显示出来

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

　　slideup():　　　　　　　　　　　　将显示的元素进行隐藏

　　slideup(speed,[callback):　　　　以动画的方式将显示的元素隐藏起来

　　slidetoggle()：　　　　　　　　　显示或者隐藏

　　slidetoggle(speed,[callback)：　以动画的方式显示或者隐藏

淡入淡出：

　   fadeOut()：淡出

　　fadeIn()：淡入

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

　　fadeToggle()：淡入或者淡出

自定义动画：

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

三，文档操作

　　内部插入：

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

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

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

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

　　外部插入：

　　$(selector).after(content) ：将content插入到selector选择器外部的最后面

　　$(selector).before(content) ：将content插入到selector选择器外部的最前面

　　$(content).insertAfter(selector)： 将content插入到selector选择器外部的最后面

　　$(content)insertBefore(selector) ：将content插入到selector选择器外部的最前面

　　删除插入：

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

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

　　复制：

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

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

　　替换：

　　replaceWith()

　　包裹：

　　wrap()        对元素进行包裹

　　wrapAll()  对元素进行包裹 只包裹一次

　　wrapInner() 对元素进行内部包裹

　　获取到当前的素引值：

　　index()

　　查找：

　　

链式编程

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

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

　　filter(expr) ：将范围缩小

　　not(expr) ：除了当前元素以外的元素

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

　　prev([expr])：匹配当前元素的上一个兄弟元素

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

　　Parents([pxpr])：匹配当前元素的祖先元素

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

四，插件机制

　　jQuery.fn.extend(object)或$.fn.extend(object)

　　要求参数必须是一个JSON对象

　    语法：

　　jQuery.fn.extend({

fn1:function(){},

fn2:function(){},

......

});　　　　　　！！！在jQuery中除了插件机制中的this指向的是jQuery对象  其它的任何地方都是JavaScript对象