jquery核心
jQuery():这个函数接收一个包含 CSS 选择器的字符串,然后用这个字符串去匹配一组元素。
jQuery 对象访问
each():以每一个匹配的元素作为上下文来执行一个函数。
size():jQuery 对象中元素的个数。
length:jQuery 对象中元素的个数。
selector:返回传给jQuery()的原始选择器。
context:返回传给jQuery()的原始的DOM节点内容,即jQuery()的第二个参数。如果没有指定,那么context指向当前的文档(document)。
get():取得其中一个匹配的元素。 num表示取得第几个匹配的元素。
index():搜索匹配的元素,并返回相应元素的索引值,从0开始计数。
属性
attr():获取匹配的元素集合中的第一个元素的属性的值 或 设置每一个匹配元素的一个或多个属性。
removeAttr():从每一个匹配的元素中删除一个属性
prop():获取匹配的元素集中第一个元素的属性(property)值或设置每一个匹配元素的一个或多个属性。
removeProp():用来删除由.prop()方法设置的属性集
css类
addClass()为每个匹配的元素添加指定的类名。
removerClass():从所有匹配的元素中删除全部或者指定的类
toggleClass():如果存在(不存在)就删除(添加)一个类
HTML代码/文本/值
html():取得第一个匹配元素的HTML内容,这个函数不能用于xml文档,但可以用于XHTML文档,
text():取得所有匹配元素的内容。
val():获得匹配元素的当前值。
css():访问匹配元素的样式属性。
位置
offset():获取匹配元素在当前视口的相对偏移
position():获取匹配元素相对父元素的偏移。
scrollTop():获取匹配元素相对滚动条顶部的偏移
scrollLeft():获取匹配元素相对滚动条左侧的偏移。
尺寸
height():取得匹配元素当前计算的高度值(px)。
width():取得匹配元素当前计算的宽度值(px)。
innerHeight():获取第一个匹配元素内部区域高度(包括补白、不包括边框)。
innerWidth():获取第一个匹配元素内部区域宽度(包括补白、不包括边框)。
选择器
基本
#id:根据给定的ID匹配一个元素。
element:根据给定的元素名匹配所有元素
.class:根据给定的类匹配元素。
*:匹配所有元素
层级
ancestor descendant:在给定的祖先元素下匹配所有的后代元素
parent > child:在给定的父元素下匹配所有的子元素
prev + next:匹配所有紧接在 prev 元素后的 next 元素
prev ~ siblings:匹配 prev 元素的所有同辈 siblings 元素
基本
:first :获取第一个元素
:not() :去除所有与给定选择器匹配的元素
:even :匹配所有索引值为偶数的元素,从 0 开始计数
:odd :匹配所有索引值为奇数的元素,从 0 开始计数
:eq() :匹配一个给定索引值的元素
:gt() :匹配所有大于给定索引值的元素
:last() :获取最后个元素
:lt() :匹配所有小于给定索引值的元素
:header :匹配如 h1, h2, h3之类的标题元素
:animated :匹配所有正在执行动画效果的元素
:focus :匹配当前获取焦点的元素。
内容
:contains() :匹配包含给定文本的元素
:empty :匹配所有不包含子元素或者文本的空元素
:has() :匹配含有选择器所匹配的元素的元素
:parent :匹配含有子元素或者文本的元素
可见性
:hidden :匹配所有不可见元素,或者type为hidden的元素
:visible :匹配所有的可见元素
属性
[attribute]:匹配包含给定属性的元素。注意,在jQuery 1.3中,前导的@符号已经被废除!如果想要兼容最新版本,只需要简单去掉@符号即可。
[attribute=value]:匹配给定的属性是某个特定值的元素
[attribute!=value]:匹配所有不含有指定的属性,或者属性不等于特定值的元素
[attribute^=value]:匹配给定的属性是以某些值开始的元素
[attribute$=value]:匹配给定的属性是以某些值结尾的元素
[attribute*=value]:匹配给定的属性是以包含某些值的元素
[selector1][selector2][selectorN]:复合属性选择器,需要同时满足多个条件时使用
子元素
:first-child:匹配第一个子元素
:first-of-type:选择所有相同的元素名称的第一个兄弟元素
:last-child:匹配最后一个子元素
:last-of-type:选择的所有元素之间具有相同元素名称的最后一个兄弟元素
:nth-last-child(n):选择所有他们父元素的第n个子元素。计数从最后一个元素开始到第一个
:nth-last-of-type(n):选择的所有他们的父级元素的第n个子元素,计数从最后一个元素到第一个
:nth-of-type(n):选择同属于一个父元素之下,并且标签名相同的子元素中的第n个
:only-child():如果某个元素是父元素中唯一的子元素,那将会被匹配
:only-of-type:选择所有没有兄弟元素,且具有相同的元素名称的元素
表单
:input:匹配所有 input, textarea, select 和 button 元素
:text:匹配所有的单行文本框
:password:匹配所有密码框
:radio:匹配所有单选按钮
:checkbox:匹配所有复选框
:submit:匹配所有提交按钮
:image:匹配所有图像域
:reset:匹配所有重置按钮
:button:匹配所有按钮
:file:匹配所有文件域
:hidden:匹配所有不可见元素,或者type为hidden的元素
表单对象属性
:enabled:匹配所有可用元素
:disabled:匹配所有不可用元素
:checked:匹配所有选中的被选中元素(复选框、单选框等,不包括select中的option)
:selected:匹配所有选中的option元素
文档处理
内部插入
append() :向每个匹配的元素内部追加内容
appendTo() :把所有匹配的元素追加到另一个指定的元素元素集合中
prepend() :每个匹配的元素内部前置内容
prependTo() :把所有匹配的元素前置到另一个、指定的元素元素集合中
外部插入
after() :在每个匹配的元素之后插入内容
before() :在每个匹配的元素之前插入内容
insertAfter() :把所有匹配的元素插入到另一个、指定的元素元素集合的后面
insertBefore() :把所有匹配的元素插入到另一个、指定的元素元素集合的前面
包裹
wrap() :把所有匹配的元素用其他元素的结构化标记包裹起来
替换
replaceWith() :将所有匹配的元素替换成指定的HTML或DOM元素
replaceAll(selector) :用匹配的元素替换掉所有 selector匹配到的元素
删除
empty() :删除匹配的元素集合中所有的子节点
remove() :从DOM中删除所有匹配的元素
detach() :从DOM中删除所有匹配的元素
复制
clone() :克隆匹配的DOM元素并且选中这些克隆的副本
筛选
过滤
eq(n) :获取第N个元素
first() :获取第一个元素
last() :获取最后个元素
hasClass() :检查当前的元素是否含有某个特定的类,如果有,则返回true
filter() :筛选出与指定表达式匹配的元素集合
has() :保留包含特定后代的元素,去掉那些不含有指定后代的元素
not() :删除与指定表达式匹配的元素
slice(start,[end]) :选取一个匹配的子集
查找
children() :取得一个包含匹配的元素集合中每一个元素的所有子元素的元素集合
closest() :jQuery 1.3新增。从元素本身开始,逐级向上级元素匹配,并返回最先匹配的元素
find() :搜索所有与指定表达式匹配的元素。这个函数是找出正在处理的元素的后代元素的好方法
next() :取得一个包含匹配的元素集合中每一个元素紧邻的后面同辈元素的元素集合
串联
add() :把与表达式匹配的元素添加到jQuery对象中。这个函数可以用于连接分别与两个表达式匹配的元素结果集
contents() :查找匹配元素内部所有的子节点(包括文本节点)。如果元素是一个iframe,则查找文档内容
end() :回到最近的一个"破坏性"操作之前。即,将匹配的元素列表变为前一次的状态
事件
页面载入
ready() :当DOM载入就绪可以查询及操纵时绑定一个要执行的函数
事件处理
on():在选择元素上绑定一个或多个事件的事件处理函数
off() :在选择元素上移除一个或多个事件的事件处理函数
bind() :为每个匹配元素的特定事件绑定事件处理函数
one() :为每一个匹配元素的特定事件(像click)绑定一个一次性的事件处理函数
trigger(]) :在每一个匹配的元素上触发某类事件
triggerHandler() :这个特别的方法将会触发指定的事件类型上所有绑定的处理函数。但不会执行浏览器默认动作,也不会产生事件冒泡
unbind() :bind()的反向操作,从每一个匹配的元素中删除绑定的事件
事件委派
live() :jQuery 给所有匹配的元素附加一个事件处理函数,即使这个元素是以后再添加进来的也有效
die() :从元素中删除先前用.live()绑定的所有事件.(此方法与live正好完全相反
delegate() :指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序,并规定当这些事件发生时运行的函数
undelegate() :删除由 delegate() 方法添加的一个或多个事件处理程序
事件切换
hover() :一个模仿悬停事件(鼠标移动到一个对象上面及移出这个对象)的方法。这是一个自定义的方法,它为频繁使用的任务提供了一种“保持在其中”的状态。
toggle() :于绑定两个或多个事件处理器函数,以响应被选元素的轮流的 click 事件
事件
blur() :当元素失去焦点时触发 blur 事件
change() :当元素的值发生改变时,会发生 change 事件
click() :触发每一个匹配元素的click事件
dblclick() :当双击元素时,会发生 dblclick 事件
error() :当元素遇到错误(没有正确载入)时,发生 error 事件
focus() :当元素获得焦点时,触发 focus 事件
focusin() :当元素获得焦点时,触发 focusin 事件
focusout() :当元素失去焦点时触发 focusout 事件
keydown() :当键盘或按钮被按下时,发生 keydown 事件
keypress() :当键盘或按钮被按下时,发生 keypress 事件
keyup() :当按钮被松开时,发生 keyup 事件。它发生在当前获得焦点的元素上
mousedown() :当鼠标指针移动到元素上方,并按下鼠标按键时,会发生 mousedown 事件
mouseenter() :当鼠标指针穿过元素时,会发生 mouseenter 事件。该事件大多数时候会与mouseleave 事件一起使用
mouseleave() :当鼠标指针离开元素时,会发生 mouseleave 事件。该事件大多数时候会与mouseenter 事件一起使用
mousemove() :当鼠标指针在指定的元素中移动时,就会发生 mousemove 事件
mouseout() :当鼠标指针从元素上移开时,发生 mouseout 事件
mouseover() :当鼠标指针位于元素上方时,会发生 mouseover 事件
mouseup() :当在元素上放松鼠标按钮时,会发生 mouseup 事件
resize() :当调整浏览器窗口的大小时,发生 resize 事件
scroll() :当用户滚动指定的元素时,会发生 scroll 事件
select() :当 textarea 或文本类型的 input 元素中的文本被选择时,会发生 select 事件
submit() :当提交表单时,会发生 submit 事件
unload() :在当用户离开页面时,会发生 unload 事件
效果
基本
show() :显示隐藏的匹配元素
hide() :隐藏显示的元素
滑动
slideDown() :通过高度变化(向下增大)来动态地显示所有匹配的元素,在显示完成后可选地触发一个回调函数
slideUp() :通过高度变化(向上减小)来动态地隐藏所有匹配的元素,在隐藏完成后可选地触发一个回调函数
slideToggle() :过高度变化来切换所有匹配元素的可见性,并在切换完成后可选地触发一个回调函数
淡入淡出
fadeIn() :通过不透明度的变化来实现所有匹配元素的淡入效果,并在动画完成后可选地触发一个回调函数
fadeOut() :通过不透明度的变化来实现所有匹配元素的淡出效果,并在动画完成后可选地触发一个回调函数
fadeTo() :把所有匹配元素的不透明度以渐进方式调整到指定的不透明度,并在动画完成后可选地触发一个回调函数
fadeToggle() :通过不透明度的变化来开关所有匹配元素的淡入和淡出效果,并在动画完成后可选地触发一个回调函数
自定义
animate(]) :用于创建自定义动画的函数
stop() :停止所有在指定元素上正在运行的动画
delay() :设置一个延时来推迟执行队列中之后的项目
finish() :停止当前正在运行的动画,删除所有排队的动画,并完成匹配元素所有的动画
设置
jQuery.fx.off :关闭页面上所有的动画
jQuery.fx.interval :设置动画的显示帧速
事件对象
eve.currentTarget :在事件冒泡阶段中的当前DOM元素
eve.data :当前执行的处理器被绑定的时候,包含可选的数据传递给jQuery.fn.bind
eve.delegateTarget1.7+ :当currently-callbacksled的jQuery事件处理程序附加元素
eve.isDefaultPrevented() :根据事件对象中是否调用过 event.preventDefault() 方法来返回一个布尔值
event.isImmediatePropagationStopped() :根据事件对象中是否调用过 event.stopImmediatePropagation() 方法来返回一个布尔值
eve.isPropagationStopped() :根据事件对象中是否调用过 event.stopPropagation() 方法来返回一个布尔值
eve.namespace :当事件被触发时此属性包含指定的命名空间
eve.pageX :鼠标相对于文档的左边缘的位置
eve.pageY :鼠标相对于文档的左边缘的位置
eve.preventDefault() :阻止默认事件行为的触发
eve.relatedTarget :在事件中涉及的其它任何DOM元素
eve.result :这个属性包含了当前事件事件最后触发的那个处理函数的返回值,除非值是 undefined
event.stopImmediatePropagation() :阻止剩余的事件处理函数执行并且防止事件冒泡到DOM树上
eve.stopPropagation() :防止事件冒泡到DOM树上,也就是不触发的任何前辈元素上的事件处理函数
eve.target :最初触发事件的DOM元素
eve.timeStamp :这个属性返回事件触发时距离1970年1月1日的毫秒数
eve.which :针对键盘和鼠标事件,这个属性能确定你到底按的是哪个键或按钮
延迟对象
def.done(d,[d]) :当延迟成功时调用一个函数或者数组函数
def.fail(failcallbackslbacks) :当延迟失败时调用一个函数或者数组函数
def.isRejected()1.7- :确定延迟对象是否已被拒绝
def.isResolved()1.7- :确定延迟对象是否已得到解决
def.reject(args) :拒绝延迟对象,并根据给定的参数调用任何失败的回调函数
def.rejectWith(c,[a]) :拒绝延迟的对象,并根据给定的上下文和参数调用任何失败的回调函数
def.resolve(args) :解决递延对象,并根据给定的参数调用任何完成的回调函数
def.resolveWith(c,[a]) :解决递延对象,并根据给定的上下文和参数调用任何完成的回调函数
def.then(d[,f][,p])1.8* :添加处理程序被调用时,递延对象得到解决或者拒绝
def.promise([ty],[ta]) :当Deferred对象时生成进度通知时添加被访问处理程序
def.pipe([d],[f],[p])1.8- :筛选器和/或链Deferreds的实用程序方法
def.always(al,[al]) :当递延对象是解决或拒绝时被调用添加处理程序
def.notify(args)1.7+ :调用一个给定args的递延对象上的进行中的回调 (progresscallbackslbacks)
def.notifyWith(c,[a])1.7+ :去掉字符串起始和结尾的空格
def.progress(procallbacks)1.7+ :当Deferred对象时生成进度通知时添加被访问处理程序
def.state()1.7+ :确定一个Deferred对象的当前状态
回调函数
callbacks.add(callbackslbacks)1.7+ :回调列表中添加一个回调或回调的集合
callbacks.disable()1.7+ :禁用回调列表中的回调
callbacks.empty()1.7+ :从列表中删除所有的回调
callbacks.fire(arguments)1.7+ :禁用回调列表中的回调
callbacks.fired()1.7+ :用给定的参数调用所有的回调
callbacks.fireWith([c] [,a])1.7+ :访问给定的上下文和参数列表中的所有回调
callbacks.has(callbackslback)1.7+ :确定是否提供的回调列表
callbacks.lock()1.7+ :锁定在其当前状态的回调列表
callbacks.locked()1.7+ :确定是否已被锁定的回调列表
callbacks.remove(callbackslbacks)1.7+ :删除回调或回调回调列表的集合
$.callbackslbacks(flags)1.7+ :一个多用途的回调列表对象,提供了强大的的方式来管理回调函数列表