jQuery进阶一 函数手册

一、jQuery选择器

选择器实例选取*$("*")选取文档内所有的元素#id$("#lastname")id="lastname" 的元素.class$(".intro")class="intro" 的所有元素.class,.class$(".intro,.demo")class 为 "intro" 或 "demo" 的所有元素element$("p")所有 <p> 元素el1,el2,el3$("h1,div,p")所有 <h1>、<div> 和 <p> 元素   :first$("p:first")第一个 <p> 元素:last$("p:last")最后一个 <p> 元素:even$("tr:even")所有偶数 <tr> 元素:odd$("tr:odd")所有奇数 <tr> 元素   :first-child$("p:first-child")属于其父元素的第一个子元素的所有 <p> 元素:first-of-type$("p:first-of-type")属于其父元素的第一个 <p> 元素的所有 <p> 元素:last-child$("p:last-child")属于其父元素的最后一个子元素的所有 <p> 元素:last-of-type$("p:last-of-type")属于其父元素的最后一个 <p> 元素的所有 <p> 元素:nth-child(n)$("p:nth-child(2)")属于其父元素的第二个子元素的所有 <p> 元素:nth-last-child(n)$("p:nth-last-child(2)")属于其父元素的第二个子元素的所有 <p> 元素，从最后一个子元素开始计数:nth-of-type(n)$("p:nth-of-type(2)")属于其父元素的第二个 <p> 元素的所有 <p> 元素:nth-last-of-type(n)$("p:nth-last-of-type(2)")属于其父元素的第二个 <p> 元素的所有 <p> 元素，从最后一个子元素开始计数:only-child$("p:only-child")属于其父元素的唯一子元素的所有 <p> 元素:only-of-type$("p:only-of-type")属于其父元素的特定类型的唯一子元素的所有 <p> 元素   parent > child$("div > p")<div> 元素的直接子元素的所有 <p> 元素parent descendant$("div p")<div> 元素的后代的所有 <p> 元素element + next$("div + p")每个 <div> 元素相邻的下一个 <p> 元素element ~ siblings$("div ~ p")<div> 元素同级的所有 <p> 元素   :eq(index)$("ul li:eq(3)")列表中的第四个元素（index 值从 0 开始）:gt(no)$("ul li:gt(3)")列举 index 大于 3 的元素:lt(no)$("ul li:lt(3)")列举 index 小于 3 的元素:not(selector)$("input:not(:empty)")所有不为空的输入元素   :header$(":header")所有标题元素 <h1>, <h2> ...:animated$(":animated")所有动画元素:focus$(":focus")当前具有焦点的元素:contains(text)$(":contains('Hello')")所有包含文本 "Hello" 的元素:has(selector)$("div:has(p)")所有包含有 <p> 元素在其内的 <div> 元素:empty$(":empty")所有空元素:parent$(":parent")所有是另一个元素的父元素的元素:hidden$("p:hidden")所有隐藏的 <p> 元素:visible$("table:visible")所有可见的表格:root$(":root")文档的根元素:lang(language)$("p:lang(de)")所有带有以 "de" 开头的 lang 属性值的 <p> 元素   [attribute]$("[href]")所有带有 href 属性的元素[attribute=value]$("[href='default.htm']")所有带有 href 属性且值等于 "default.htm" 的元素[attribute!=value]$("[href!='default.htm']")所有带有 href 属性且值不等于 "default.htm" 的元素[attribute$=value]$("[href$='.jpg']")所有带有 href 属性且值以 ".jpg" 结尾的元素[attribute|=value]$("[title|='Tomorrow']")所有带有 title 属性且值等于 'Tomorrow' 或者以 'Tomorrow' 后跟连接符作为开头的字符串[attribute^=value]$("[title^='Tom']")所有带有 title 属性且值以 "Tom" 开头的元素[attribute~=value]$("[title~='hello']")所有带有 title 属性且值包含单词 "hello" 的元素[attribute*=value]$("[title*='hello']")所有带有 title 属性且值包含字符串 "hello" 的元素   :input$(":input")所有 input 元素:text$(":text")所有带有 type="text" 的 input 元素:password$(":password")所有带有 type="password" 的 input 元素:radio$(":radio")所有带有 type="radio" 的 input 元素:checkbox$(":checkbox")所有带有 type="checkbox" 的 input 元素:submit$(":submit")所有带有 type="submit" 的 input 元素:reset$(":reset")所有带有 type="reset" 的 input 元素:button$(":button")所有带有 type="button" 的 input 元素:image$(":image")所有带有 type="image" 的 input 元素:file$(":file")所有带有 type="file" 的 input 元素:enabled$(":enabled")所有启用的 input 元素:disabled$(":disabled")所有禁用的 input 元素:selected$(":selected")所有选定的 input 元素:checked$(":checked")所有选中的 input 元素

1、例题：

<script>$(document).ready(function(){  $("*").css("background-color","yellow");});</script>

二、jQuery事件方法：

方法描述bind()向元素添加事件处理程序blur()添加/触发 blur 事件change()添加/触发 change 事件click()添加/触发 click 事件dblclick()添加/触发 double click 事件delegate()向匹配元素的当前或未来的子元素添加处理程序die()在版本 1.9 中被移除。移除所有通过 live() 方法添加的事件处理程序error()在版本 1.8 中被废弃。添加/触发 error 事件event.currentTarget在事件冒泡阶段内的当前 DOM 元素event.data包含当前执行的处理程序被绑定时传递到事件方法的可选数据event.delegateTarget返回当前调用的 jQuery 事件处理程序所添加的元素event.isDefaultPrevented()返回指定的 event 对象上是否调用了 event.preventDefault()event.isImmediatePropagationStopped()返回指定的 event 对象上是否调用了 event.stopImmediatePropagation()event.isPropagationStopped()返回指定的 event 对象上是否调用了 event.stopPropagation()event.namespace返回当事件被触发时指定的命名空间event.pageX返回相对于文档左边缘的鼠标位置event.pageY返回相对于文档上边缘的鼠标位置event.preventDefault()阻止事件的默认行为event.relatedTarget返回当鼠标移动时哪个元素进入或退出event.result包含由被指定事件触发的事件处理程序返回的最后一个值event.stopImmediatePropagation()阻止其他事件处理程序被调用event.stopPropagation()阻止事件向上冒泡到 DOM 树，阻止任何父处理程序被事件通知event.target返回哪个 DOM 元素触发事件event.timeStamp返回从 1970 年 1 月 1 日到事件被触发时的毫秒数event.type返回哪种事件类型被触发event.which返回指定事件上哪个键盘键或鼠标按钮被按下focus()添加/触发 focus 事件focusin()添加事件处理程序到 focusin 事件focusout()添加事件处理程序到 focusout 事件hover()添加两个事件处理程序到 hover 事件keydown()添加/触发 keydown 事件keypress()添加/触发 keypress 事件keyup()添加/触发 keyup 事件live()在版本 1.9 中被移除。添加一个或多个事件处理程序到当前或未来的被选元素load()在版本 1.8 中被废弃。添加一个事件处理程序到 load 事件mousedown()添加/触发 mousedown 事件mouseenter()添加/触发 mouseenter 事件mouseleave()添加/触发 mouseleave 事件mousemove()添加/触发 mousemove 事件mouseout()添加/触发 mouseout 事件mouseover()添加/触发 mouseover 事件mouseup()添加/触发 mouseup 事件off()移除通过 on() 方法添加的事件处理程序on()向元素添加事件处理程序one()向被选元素添加一个或多个事件处理程序。该处理程序只能被每个元素触发一次$.proxy()接受一个已有的函数，并返回一个带特定上下文的新的函数ready()规定当 DOM 完全加载时要执行的函数resize()添加/触发 resize 事件scroll()添加/触发 scroll 事件select()添加/触发 select 事件submit()添加/触发 submit 事件toggle()在版本 1.9 中被移除。添加 click 事件之间要切换的两个或多个函数trigger()触发绑定到被选元素的所有事件triggerHandler()触发绑定到被选元素的指定事件上的所有函数unbind()从被选元素上移除添加的事件处理程序undelegate()从现在或未来的被选元素上移除事件处理程序unload()在版本 1.8 中被废弃。添加事件处理程序到 unload 事件

三、jQuery效果方法：

方法描述animate()对被选元素应用"自定义"的动画clearQueue()对被选元素移除所有排队函数（仍未运行的）delay()对被选元素的所有排队函数（仍未运行）设置延迟dequeue()移除下一个排队函数，然后执行函数fadeIn()逐渐改变被选元素的不透明度，从隐藏到可见fadeOut()逐渐改变被选元素的不透明度，从可见到隐藏fadeTo()把被选元素逐渐改变至给定的不透明度fadeToggle()在 fadeIn() 和 fadeOut() 方法之间进行切换finish()对被选元素停止、移除并完成所有排队动画hide()隐藏被选元素queue()显示被选元素的排队函数show()显示被选元素slideDown()通过调整高度来滑动显示被选元素slideToggle()slideUp() 和 slideDown() 方法之间的切换slideUp()通过调整高度来滑动隐藏被选元素stop()停止被选元素上当前正在运行的动画toggle()hide() 和 show() 方法之间的切换

四、处理HTML/CSS的方法汇总：

方法描述addClass()向被选元素添加一个或多个类名after()在被选元素后插入内容append()在被选元素的结尾插入内容appendTo()在被选元素的结尾插入 HTML 元素attr()设置或返回被选元素的属性/值before()在被选元素前插入内容clone()生成被选元素的副本css()为被选元素设置或返回一个或多个样式属性detach()移除被选元素（保留数据和事件）empty()从被选元素移除所有子节点和内容hasClass()检查被选元素是否包含指定的 class 名称height()设置或返回被选元素的高度html()设置或返回被选元素的内容innerHeight()返回元素的高度（包含 padding，不包含 border）innerWidth()返回元素的宽度（包含 padding，不包含 border）insertAfter()在被选元素后插入 HTML 元素insertBefore()在被选元素前插入 HTML 元素offset()设置或返回被选元素的偏移坐标（相对于文档）offsetParent()返回第一个定位的祖先元素outerHeight()返回元素的高度（包含 padding 和 border）outerWidth()返回元素的宽度（包含 padding 和 border）position()返回元素的位置（相对于父元素）prepend()在被选元素的开头插入内容prependTo()在被选元素的开头插入 HTML 元素prop()设置或返回被选元素的属性/值remove()移除被选元素（包含数据和事件）removeAttr()从被选元素移除一个或多个属性removeClass()从被选元素移除一个或多个类removeProp()移除通过 prop() 方法设置的属性replaceAll()把被选元素替换为新的 HTML 元素replaceWith()把被选元素替换为新的内容scrollLeft()设置或返回被选元素的水平滚动条位置scrollTop()设置或返回被选元素的垂直滚动条位置text()设置或返回被选元素的文本内容toggleClass()在被选元素中添加/移除一个或多个类之间切换unwrap()移除被选元素的父元素val()设置或返回被选元素的属性值（针对表单元素）width()设置或返回被选元素的宽度wrap()在每个被选元素的周围用 HTML 元素包裹起来wrapAll()在所有被选元素的周围用 HTML 元素包裹起来wrapInner()在每个被选元素的内容周围用 HTML 元素包裹起来

五、jQuery的遍历方法：

方法描述add()把元素添加到匹配元素的集合中addBack()把之前的元素集添加到当前集合中andSelf()在版本 1.8 中被废弃。addBack() 的别名children()返回被选元素的所有直接子元素closest()返回被选元素的第一个祖先元素contents()返回被选元素的所有直接子元素（包含文本和注释节点）each()为每个匹配元素执行函数end()结束当前链中最近的一次筛选操作，并把匹配元素集合返回到前一次的状态eq()返回带有被选元素的指定索引号的元素filter()把匹配元素集合缩减为匹配选择器或匹配函数返回值的新元素find()返回被选元素的后代元素first()返回被选元素的第一个元素has()返回拥有一个或多个元素在其内的所有元素is()根据选择器/元素/jQuery 对象检查匹配元素集合，如果存在至少一个匹配元素，则返回 truelast()返回被选元素的最后一个元素map()把当前匹配集合中的每个元素传递给函数，产生包含返回值的新 jQuery 对象next()返回被选元素的后一个同级元素nextAll()返回被选元素之后的所有同级元素nextUntil()返回介于两个给定参数之间的每个元素之后的所有同级元素not()从匹配元素集合中移除元素offsetParent()返回第一个定位的父元素parent()返回被选元素的直接父元素parents()返回被选元素的所有祖先元素parentsUntil()返回介于两个给定参数之间的所有祖先元素prev()返回被选元素的前一个同级元素prevAll()返回被选元素之前的所有同级元素prevUntil()返回介于两个给定参数之间的每个元素之前的所有同级元素siblings()返回被选元素的所有同级元素 Returns all sibling elements of the selected elementslice()把匹配元素集合缩减为指定范围的子集

六、jQuery 的AJAX方法：

方法描述$.ajax()执行异步 AJAX 请求$.ajaxPrefilter()在每个请求发送之前且被 $.ajax() 处理之前，处理自定义 Ajax 选项或修改已存在选项$.ajaxSetup()为将来的 AJAX 请求设置默认值$.ajaxTransport()创建处理 Ajax 数据实际传送的对象$.get()使用 AJAX 的 HTTP GET 请求从服务器加载数据$.getJSON()使用 HTTP GET 请求从服务器加载 JSON 编码的数据$.getScript()使用 AJAX 的 HTTP GET 请求从服务器加载并执行 JavaScript$.param()创建数组或对象的序列化表示形式（可用于 AJAX 请求的 URL 查询字符串）$.post()使用 AJAX 的 HTTP POST 请求从服务器加载数据ajaxComplete()规定 AJAX 请求完成时运行的函数ajaxError()规定 AJAX 请求失败时运行的函数ajaxSend()规定 AJAX 请求发送之前运行的函数ajaxStart()规定第一个 AJAX 请求开始时运行的函数ajaxStop()规定所有的 AJAX 请求完成时运行的函数ajaxSuccess()规定 AJAX 请求成功完成时运行的函数load()从服务器加载数据，并把返回的数据放置到指定的元素中serialize()编码表单元素集为字符串以便提交serializeArray()编码表单元素集为 names 和 values 的数组

七、杂项方法：

方法描述data()向被选元素附加数据，或者从被选元素获取数据each()为每个匹配元素执行函数get()获取由选择器指定的 DOM 元素index()从匹配元素中搜索给定元素$.noConflict()释放变量 $ 的 jQuery 控制权$.param()创建数组或对象的序列化表示形式（可在生成 AJAX 请求时用于 URL 查询字符串中）removeData()移除之前存放的数据size()在版本 1.8 中被废弃。返回被 jQuery 选择器匹配的 DOM 元素的数量toArray()以数组的形式检索所有包含在 jQuery 集合中的所有 DOM 元素

八、属性

方法描述context在版本 1.10 中被废弃。包含被传递到 jQuery 的原始上下文jquery包含 jQuery 的版本号jQuery.fx.interval改变以毫秒计的动画运行速率jQuery.fx.off对所有动画进行全局禁用或启用jQuery.support包含表示不同浏览器特性或漏洞的属性集（主要用于 jQuery 的内部使用）length包含 jQuery 对象中元素的数目