# 函数速查表
| 序号 | 方法 | 描述 |
| --- | --- | --- |
| 1 | charAt() | 返回字符指定索引。 |
| 2 | concat() | 结合两个字符串的文本并返回一个新的字符串。 |
| 3 | forEach() | 为数组中的每个元素调用一个函数。 |
| 4 | indexOf() | 返回调用字符串中的索引对象中首次出现的指定的值，如果没有找到则返回-1。 |
| 5 | length() | 返回字符串的长度。 |
| 6 | pop() | 删除数组中最后一个元素并返回这个元素。 |
| 7 | ush() | 在数组末尾添加一个或多个元素并返回这个数组的新的长度。 |
| 8 | reverse() | 反转数组中元素的顺序——即第一个元素变成最后一个，最后一个元素变成第一个元素。 |
| 9 | sort() | 将数组中的元素进行分类。 |
| 10 | substr() | 通过指定的字符的数量，返回字符串中指定位置的字符。 |
| 11 | toLowerCase() | 返回转换为小写的调用字符串值。 |
| 12 | toString() | 返回数字值的字符串表示。 |
| 13 | toUpperCase() | 返回转换为大写的调用字符串值。 |
| | | |
| | 选择器 | |
| | | |
| 1 | $(’*’) | 该选择器选出文档中所有的元素。 |
| 2 | $(“p>*”) | 该选择器选择出段落元素的所有子元素。 |
| 3 | $("#specialID") | 该选择器函数获取id="specialID"的元素。 |
| 4 | $(".specialClass") | 该选择器获取带有specialClass类的所有元素。 |
| 5 | $(“li:not(.myclass)”) | 选择出与`<li>`匹配并且不带有class="myclass"类的所有元素。 |
| 6 | $(“a#specialID.specialClass”) | 该选择器与id为specialID的链接匹配并且带有specialClass类。 |
| 7 | $(“pa.specialClass”) | 该选择器与带有specialClass类的链接匹配并且该类在
元素内声明。
|
| 8 | $(“ulli:first”) | 该选择器获取`<ul>`的第一个`<li>`元素。 |
| 9 | $("#containerp") | 选择与`<p>`匹配并且是带有containerid元素的后代的全部元素。 |
| 10 | $(“li>ul”) | 选择与`<ul>`匹配并且是与`<li>`匹配的元素的孩子的全部元素。 |
| 11 | $(“strong+em”) | 选择与`<em>`匹配并且紧跟一个与`<strong>`匹配的兄弟元素的全部元素。 |
| 12 | $(“p~ul”) | 选择与`<ul>`匹配并且后面有一个与`<p>`匹配的兄弟元素的全部元素。 |
| 13 | $(“code,em,strong”) | 选择所有与`<code>`或`<em>`或`<strong>`匹配的元素。 |
| 14 | $(“pstrong,.myclass”) | 选择与`<strong>`匹配并且是与`<p>`匹配的元素的后代，同样所有的元素都要有myclass类的全部元素。 |
| 15 | $(":empty") | 选择出所有没有孩子的元素。 |
| 16 | $(“p:empty”) | 选择出所有与`<p>`匹配并且没有孩子的元素。 |
| 17 | $(“div[p]”) | 选择出与`<div>`匹配并且包含一个与`<p>`匹配的元素的所有元素。 |
| 18 | $(“p[.myclass]”) | 选择出与`<p>`匹配并且包含一个带有myclass类的元素的所有元素。 |
| 19 | $(“a[@rel]”) | 选择出与`<a>`匹配并且带有rel属性的全部元素。 |
| 20 | $(“input[@name=myname]”) | 选择出所有与`<input>`匹配并且name值恰好等于myname的元素。 |
| 21 | $(“input[@name^=myname]”) | 选择出所有与`<input>`匹配并且name值以myname开始的元素。 |
| 22 | $(“a[@rel|$=self]”) | 选择出所有与`<a>`匹配并且带有以self结尾的rel属性值的元素。 |
| 23 | $(“a[@href*=[domain.com](http://domain.com/)]”) | 选择出所有与`<a>`并且带有一个包含domain.com的超链接值的元素。 |
| 24 | $(“li:even”) | 选择出与`<li>`匹配并且带有一个even索引值的全部元素。 |
| 25 | $(“tr:odd”) | 选择出与`<tr>`匹配并且有odd索引值的全部元素。 |
| 26 | $(“li:first”) | 选择出第一个`<li>`元素。 |
| 27 | $(“li:last”) | 选择出最后一个`<li>`元素。 |
| 28 | $(“li:visible”) | 选择出与`<li>`匹配并且可见的全部元素。 |
| 29 | $(“li:hidden”) | 选择出与`<li>`匹配并且不可见的全部元素。 |
| 30 | $(":radio") | 选择出表单中全部的单选按钮。 |
| 31 | $(":checked") | 选择出表单中全部的复选框。 |
| 32 | $(":input") | 只选择表单元素(输入，选择，文本区，按钮)。 |
| 33 | $(":text") | 只选择文本元素(input[type=text])。 |
| 34 | $(“li:eq(2)”) | 选择第三个`<li>`元素。 |
| 36 | $(“li:lt(2)”) | 选择第三个之前的与`<li>`元素匹配的所有元素；换句话说，也就说前两个`<li>`元素。 |
| 37 | $(“p:lt(3)”) | 选择第四个之前的与`<p>`元素匹配的全部元素；换句话说，也就是前三个`<p>`元素。 |
| 38 | $(“li:gt(1)”) | 选择第二个之后的与`<li>`匹配的全部元素。 |
| 39 | $(“p:gt(2)”) | 选择第三个之后与`<p>`匹配的全部元素。 |
| 40 | $(“div/p”) | 选择与`<p>`匹配并且是与`<div>`匹配的元素的孩子的全部元素。 |
| 41 | $(“div//code”) | 选择与`<code>`匹配并且是与`<div>`匹配的元素的后代的全部元素。 |
| 42 | $("//p//a") | 选择与`<a>`匹配并且是与`<p>`匹配的元素后代的全部元素。 |
| 43 | $(“li:first-child”) | 选择与`<li>`匹配并且是它们父亲的第一个孩子的全部元素。 |
| 44 | $(“li:last-child”) | 选择与`<li>`匹配并且是它们父亲的最后一个孩子的全部元素。 |
| 45 | $(":parent") | 选择出是另一个元素的父亲的全部元素，包括文本。 |
| 46 | $(“li:contains(second)”) | 选择与`<li>`匹配并且包含文本second的全部元素。 |
| | | |
| | 属性 | |
| | | |
| 1 | attr(properties) | 设置键/值对象作为全部可匹配的元素的属性。 |
| 2 | attr(key,fn) | 为所有可匹配的元素设置一个单个的属性为可计算的值。 |
| 3 | removeAttr(name) | 从每一个可匹配的元素中删除一个属性。 |
| 4 | hasClass(class) | 如果指定的类出现在至少一个可匹配的元素集合中，返回true。 |
| 5 | removeClass(class) | 从可匹配的元素集合中删除全部或指定的类。 |
| 6 | toggleClass(class) | 如果指定的类不存在，那么添加指定的类；如果指定的类存在，那么删除它。 |
| 7 | html() | 获取第一个匹配元素的html内容(innerHTML)。 |
| 8 | html(val)> | 设置每一个可匹配元素的html内容。 |
| 9 | text() | 获取所有可匹配元素的组合的文本内容。 |
| 10 | text(val) | 设置所有可匹配元素的文本内容。 |
| 11 | val() | 获取第一个可匹配元素的输入值。 |
| 12 | val(val) | 如果可匹配元素在`<input>`中调用，那么设置每个可匹配元素的属性值，但是如果可匹配元素在`<select>`中使用传递的`<option>`值调用，那么传递的选项就会被选中，如果可匹配元素在复选框或单选框中调用，那么所有匹配的复选框或单选框会被选中。 |
| | | |
| | DOM过滤 | |
| 1 | eq(index) | 将一个匹配的元素集合减小为一个单个的元素。 |
| 2 | filter(selector) | 从匹配的元素集合中删除与指定的选择器不匹配的元素。 |
| 3 | filter(fn) | 从匹配的元素集合中删除与指定的函数不匹配的元素。 |
| 4 | is(selector) | 检查表达式的当前选择，如果选项中至少有一个元素符合给定的选择器，那么返回true。 |
| 5 | map(callback) | 将jQuery对象中的一组元素转换成jQuery数组中的另一组值(该数组可能包含也可能不包含元素)。 |
| 6 | not(selector) | 从可匹配元素的集合中删除与指定的选择器相匹配的元素。 |
| 7 | slice(start,[end]) | 选取可匹配元素的子集。 |
| | | |
| | DOM遍历 | |
| | | |
| 1 | add(selector) | 在匹配的元素集合中添加更多的与给定的选择器相匹配的元素。 |
| 2 | andSelf() | 将先前的选择添加到当前的选择中。 |
| 3 | children([selector]) | 获取一个元素集合，包含每个可匹配元素集合的唯一的直接的全部孩子元素。 |
| 4 | closest(selector) | 获取一个元素集合，包含与指定的选择器相匹配的最近的父亲元素，包括起始元素。 |
| 5 | contents() | 在匹配的元素(包括文本节点)中找到所有的孩子节点，如果元素是一个iframe，那么在内容文档中找到所有的孩子节点。 |
| 6 | end() | 恢复最近的’破坏性’操作，将匹配的元素集合设置为它之前的状态。 |
| 7 | find(selector) | 搜索与指定的选择器匹配的后代元素。 |
| 8 | next([selector]) | 获取一个元素集合，包含给定元素集合的唯一的下一个兄弟元素。 |
| 9 | nextAll([selector]) | 找到当前元素之后的所有兄弟元素。 |
| 10 | offsetParent() | 返回一个jQuery集合以及第一个匹配元素的父亲的定位。 |
| 11 | parent([selector]) | 获取一个元素的直接父亲。如果在一组元素中调用，父元素会返回一组它们唯一直接父亲元素的集合。 |
| 12 | parents([selector]) | 得到一个元素集合，包含匹配元素集合的唯一的祖先元素(根元素除外)。 |
| 13 | prev([selector]) | 得到一个元素集合，包含匹配元素集合的唯一的先前的兄弟元素。 |
| 14 | prevAll([selector]) | 找到当前元素之前的所有兄弟元素。 |
| 15 | siblings([selector]) | 获取一个元素集合，包含每个可匹配元素集合的全部唯一的兄弟元素。 |
| | | |
| | CSS | |
| | | |
| 1 | css(name) | 返回第一个匹配元素的样式属性。 |
| 2 | css(name,value) | 在所有匹配的元素中，将一个样式属性设置为一个值。 |
| 3 | css(properties) | 设置一个键/值对象作为所有匹配元素的样式属性。 |
| 4 | height(val) | 设置每个匹配元素的CSS高。 |
| 5 | height() | 获取当前计算的第一个匹配元素的像素，高。 |
| 6 | innerHeight() | 获取第一个匹配元素的内部高(不包括边界，包括填充)。 |
| 7 | innerWidth() | 获取第一个匹配元素的内部宽(不包括边界，包括填充)。 |
| 8 | offset() | 获取第一个匹配元素的相对于文档的当前偏移量，以像素为单位。 |
| 9 | offsetParent() | 返回一个jQuery集合以及第一个匹配元素的父元素的定位。 |
| 10 | outerHeight([margin]) | 获取第一个匹配元素的外部高(默认包括边界和填充)。 |
| 11 | outerWidth([margin]) | 获取第一个匹配元素的外部宽(默认包括边界和填充)。 |
| 12 | position() | 获取一个元素相对于其父元素偏移量的顶端和左端的位置。 |
| 13 | scrollLeft(val) | 当传递进一个值时，所有匹配元素的滚动左偏移值就会被设置为传递进的那个值。 |
| 14 | scrollLeft() | 获取第一个匹配元素的滚动左偏移值。 |
| 15 | scrollTop(val) | 当传递进一个值时，所有匹配元素的滚动顶偏移值就会被设置为传递进的那个值。 |
| 16 | scrollTop() | 获取第一个匹配元素的滚动顶偏移值。 |
| 17 | width(val) | 为每个匹配元素设置CSS宽。 |
| 18 | width() | 获取当前可计算的第一个匹配元素的宽，以像素为单位。 |
| | | |
| | DOM操作 | |
| | | |
| 1 | after(content) | 在每一个匹配元素之后插入内容 |
| 2 | append(content) | 在每一个匹配元素内部添加内容。 |
| 3 | appendTo(selector) | 将所有匹配元素添加到另一个指定的元素组中。 |
| 4 | before(content) | 在每个匹配的元素之前插入内容。 |
| 5 | clone(bool) | 克隆匹配的DOM元素以及所有的事件处理程序，并选择克隆项。 |
| 6 | clone() | 克隆匹配的DOM元素并选择克隆项。 |
| 7 | empty() | l从匹配的元素集合中删除所有的孩子节点。 |
| 8 | html(val) | 设置每个匹配元素的html内容。 |
| 9 | html() | 获取第一个匹配元素的html内容(内部HTML)。 |
| 10 | insertAfter(selector) | 将所有的匹配元素插入到另一个指定的元素集合之后。 |
| 11 | insertBefore(selector) | 将所有匹配的元素插入到另一个指定的元素集合之前。 |
| 12 | prepend(content) | 将内容前置到每个匹配元素的内部。 |
| 13 | prependTo(selector) | 将所有匹配元素前置到另一个指定的元素集合中。 |
| 14 | remove(expr) | 从DOM中删除所有的匹配元素。 |
| 15 | replaceAll(selector) | 用匹配的元素替换与指定的选择器相匹配的元素。 |
| 16 | replaceWith(content) | 用指定的HTML或DOM元素代替所有的匹配元素。 |
| 17 | text(val) | 设置所有匹配元素的文本内容。 |
| 18 | text() | 获取所有匹配元素的组合的文本内容。 |
| 19 | wrap(elem) | 用指定的元素包装每个匹配的元素。 |
| 20 | wrap(html) | 用指定的HTML内容包装每个匹配的元素。 |
| 21 | wrapAll(elem) | 将匹配的集合中的全部元素包装到一个单独的元素中。 |
| 22 | wrapAll(html) | 将匹配的集合中的全部元素包装到一个单独的元素中。 |
| 23 | wrapInner(elem) | 用DOM元素包装每个匹配元素(包括文本节点)的内部孩子内容。 |
| 24 | wrapInner(html) | 用HTML结构包装每个匹配元素(包括文本节点)的内部孩子内容。 |
| | | |
| | 事件处理 | |
| | | |
| 1 | blur | 当元素失去关注时会出现。 |
| 2 | change | 当元素发生改变时出现。 |
| 3 | click | 当鼠标点击时出现。 |
| 4 | dblclick | 当鼠标双击时出现。 |
| 5 | error | 当有错误在下载或卸载等时出现。 |
| 6 | focus | 当元素获取关注时出现。 |
| 7 | keydown | 当按下键盘时出现。 |
| 8 | keypress | 当键盘被按下并被释放时出现。 |
| 9 | keyup | 当键盘被释放时出现。 |
| 10 | load | 当文档被下载后出现。 |
| 11 | mousedown | 按下鼠标按钮后出现。 |
| 12 | mouseenter | 当鼠标进入元素区域时出现。 |
| 13 | mouseleave | 当鼠标离开元素区域时出现。 |
| 14 | mousemove | 当鼠标指针移动时出现。 |
| 15 | mouseout | 当鼠标指针移动一个元素时出现。 |
| 16 | mouseover | 当鼠标指针移开一个元素时出现。 |
| 17 | mouseup | 释放鼠标按钮时出现。 |
| 18 | resize | 调整窗口大小时出现。 |
| 19 | scroll | 滚动窗口时出现。 |
| 20 | select | 选中文本时出现。 |
| 21 | submit | 提交表单时出现。 |
| 22 | unload | 卸载文档时出现。 |
| | | |
| | 事件属性 | |
| | | |
| 1 | altKey | 当事件触发时，如果Alt键被按下去，该属性设置为true，如果没有则设置为false。Alt键在大多数Mac键盘上是标签选项。 |
| 2 | ctrlKey | 当事件触发时，如果Ctrl键被按下去，该属性设置为true，如果没有则设置为false。 |
| 3 | data | 当处理程序建好后，任何值都会作为第二个参数传递给bind()命令。 |
| 4 | keyCode | 对于keyup和keydown事件，该属性会返回键被按下去了。 |
| 5 | metaKey | 当事件触发时，如果Meta键被按下去，该属性设置为true。在PC上，Meta是Ctrl键，而在Macs上，它是Command键。 |
| 6 | pageX | 对于鼠标事件，指定了原始页面的相关事件的水平坐标。 |
| 7 | pageY | 对于鼠标事件，指定了原始页面的相关事件的竖直坐标。 |
| 8 | relatedTarget | 对于一些鼠标事件，当事件触发时，识别了光标离开或进入的元素。 |
| 9 | screenX | 对于鼠标事件，指定了原始屏幕的相关事件的水平坐标。 |
| 10 | screenY | 对于鼠标事件，指定了原始屏幕的相关事件的竖直坐标。 |
| 11 | shiftKey | 当事件触发时，如果Shift键被按下，该属性设置为true，如果没有则设置为false。 |
| 12 | target | 识别要触发的事件的元素。 |
| 13 | timeStamp | 创建事件时的时间戳(以毫秒为单位)。 |
| 14 | type | 对于所有的事件来说，指定了要触发的事件类型(例如，点击)。 |
| 15 | which | 对于键盘事件来说，指定了引发事件的键的数字代码，对于鼠标事件来说，指定了哪一个按钮被按下(1是左键，2是中间键，3是右键)。 |
| | | |
| | 事件方法 | |
| | | |
| 1 | preventDefault() | 阻止浏览器执行默认操作。 |
| 2 | isDefaultPrevented() | 返回event.preventDefault()是否曾经在该事件对象中调用过。 |
| 3 | stopPropagation() | 停止向父元素bubbing事件，阻止通知任何父处理程序这一事件。 |
| 4 | isPropagationStopped() | 返回event.stopPropagation()是否曾经在该事件对象中调用过。 |
| 5 | stopImmediatePropagation() | 阻止其余的处理程序执行。 |
| 6 | isImmediatePropagationStopped() | 返回event.stopImmediatePropagation()是否曾经在该事件对象中调用过。 |
| | | |
| | 事件处理方法 | |
| | | |
| 1 | bind(type,[data],fn) | 为每个匹配的元素将一个处理程序捆绑到一个或多个事件上(如点击)。也可以捆绑自定义事件。 |
| 2 | off(events[,selector][,handler(eventObject)]) | 该方法实现的是live的对立面，它删除了捆绑的live事件。 |
| 3 | hover(over,out) | 模拟徘徊，例如将鼠标移动到一个对象上，并将鼠标从该对象上移开。 |
| 4 | on(events[,selector][,data],handler) | 为所有当前的−以及之后的−匹配元素将一个处理程序捆绑到一个事件上(如点击)。也可以捆绑自定义事件。 |
| 5 | one(type,[data],fn) | 为每个匹配的元素将一个处理程序绑定到一个或多个要被执行的事件上。 |
| 6 | ready(fn) | 当DOM准备好要被遍历或者操作时，绑定一个要被执行的函数。 |
| 7 | trigger(event,[data]) | 在每个匹配的元素上触发一个事件。 |
| 8 | triggerHandler(event,[data]) | 在一个元素上触发全部绑定的事件处理程序。 |
| 9 | unbind([type],[fn]) | 该方法实现绑定相反的操作，它从每个匹配的元素中删除绑定的事件。 |
| | | |
| | AJAX方法 | |
| | | |
| 1 | jQuery.ajax(options) | 使用一个HTTP请求加载一个远程页面。 |
| 2 | jQuery.ajaxSetup(options) | 为AJAX请求设置全局设置。 |
| 3 | jQuery.get(url,[data],[callback],[type]) | 使用一个HTTPGET请求加载一个远程页面。 |
| 4 | jQuery.getJSON(url,[data],[callback]) | 使用一个HTTPGET请求加载JSON数据。 |
| 5 | jQuery.getScript(url,[callback]) | 使用一个HTTPGET请求加载并执行一个JavaScript文件。 |
| 6 | jQuery.post(url,[data],[callback],[type]) | 使用一个HTTPPOST请求加载一个远程页面。 |
| 7 | load(url,[data],[callback]) | 从远程文件加载HTML并把它注入到DOM中。 |
| 8 | serialize() | 将一组输入元素序列化一个字符串数据中。 |
| 9 | serializeArray() | 像.serialize()方法一样，序列化所有的表单及表单元素，但是返回JSON数据结构。 |
| | | |
| | AJAX事件 | |
| | | |
| 1 | ajaxComplete(callback) | 当一个AJAX请求完成后，附加一个要被执行的函数。 |
| 2 | ajaxStart(callback) | 当一个AJAX开始并且没有准备好的操作时，附加一个要被执行的函数。 |
| 3 | ajaxError(callback) | 当一个AJAX请求失败后，附加一个要被执行的函数。 |
| 4 | ajaxSend(callback) | 在一个AJAX请求发送之前，附加一个要被执行的函数。 |
| 5 | ajaxStop(callback) | 当全部的AJAX请求结束后，附加一个要被执行的函数。 |
| 6 | ajaxSuccess(callback) | 当一个AJAX请求成功完成后，附加一个要被执行的函数。 |
| | | |
| | 效果 | |
| | | |
| 1 | animate(params,[duration,easing,callback]) | 用于制作自定义动画的函数。 |
| 2 | fadeIn(speed,[callback]) | 通过调整所有匹配元素的不透明度来使它们消失，并在这一操作完成后激发一个可选的回调。 |
| 3 | fadeOut(speed,[callback]) | 通过将所有匹配元素的不透明度调整为0使它们消失，然后设置显示为"none"，并在这一操作完成后激发一个可选的回调。 |
| 4 | fadeTo(speed,opacity,callback) | 将所有匹配元素的不透明度调整为一个指定的不透明度并在这一操作完成后激发一个可选的回调。 |
| 5 | hide() | 如果匹配元素集合时显示状态，那就隐藏它们。 |
| 6 | hide(speed,[callback]) | 用优美的动画来隐藏所有匹配元素并在这一操作完成后激发一个可选的回调。 |
| 7 | show() | 如果匹配元素集合是隐藏状态，那就显示它们。 |
| 8 | show(speed,[callback]) | 用一个优美的动画显示所有的匹配元素并在这一操作完成后激发一个可选的回调。 |
| 10 | slideDown(speed,[callback]) | 通过调整所有匹配元素的高来显示它们并在这一操作完成后激发一个可选的回调。 |
| 11 | slideToggle(speed,[callback]) | 通过调整所有匹配元素的高来切换它们的可视状态并在这一操作完成后激发一个可选的回调。 |
| 12 | slideUp(speed,[callback]) | 通过调整所有匹配元素的高来隐藏它们并在这一操作完成后激发一个可选的回调。 |
| 13 | stop([clearQueue,gotoEnd]) | 在指定的元素中停止当前正在运行的动画。 |
| 14 | toggle() | 切换每个匹配元素集合的显示状态。 |
| 15 | toggle(speed,[callback]) | 使用一个优雅的动画来切换匹配元素集合的显示状态并在这一操作完成后激发一个可选的回调。 |
| 16 | toggle(switch) | 基于以上选项来切换匹配元素的显示状态(true显示全部元素，false隐藏全部元素)。 |
| 17 | jQuery.fx.off | 在全局范围内禁用所有动画。 |
