一,事件编程
基本事件:
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对象