jQuery()选择器、函数、方法一览表[网上有很多自己留存]
| jQuery()选择器、函数、方法一览表 |
||
| jQuery 选择器选择器 |
实例 |
选取 |
| * |
$("*") |
所有元素 |
| #id |
$("#lastname") |
id=lastname 的元素 |
| .class |
$(".intro") |
所有 class="intro" 的元素 |
| element |
$("p") |
所有 元素 |
| .class.class |
$(".intro.demo") |
所有 class=intro 且 class=demo 的元素 |
|
|
|
|
| :first |
$("p:first") |
第一个 元素 |
| :last |
$("p:last") |
最后一个 元素 |
| :even |
$("tr:even") |
所有偶数 |
| :odd |
$("tr:odd") |
所有奇数 |
|
|
|
|
| :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)") |
所有不为空的 input 元素 |
|
|
|
|
| :header |
$(":header") |
所有标题元素
|
| :animated |
|
所有动画元素 |
|
|
|
|
| :contains(text) |
$(":contains('W3School')") |
包含文本的所有元素 |
| :empty |
$(":empty") |
无子（元素）节点的所有元素 |
| :hidden |
$("p:hidden") |
所有隐藏的 元素 |
| :visible |
$("table:visible") |
所有可见的表格 |
|
|
|
|
| s1,s2,s3 |
$("th,td,.intro") |
所有带有匹配选择的元素 |
|
|
|
|
| [attribute] |
$("[href]") |
所有带有 href 属性的元素 |
| [attribute=value] |
$("[href='#']") |
所有 href 属性的值等于 "#" 的元素 |
| [attribute!=value] |
$("[href!='#']") |
所有 href 属性的值不等于 "#" 的元素 |
| [attribute$=value] |
$("[href$='.jpg']") |
所有 href 属性的值包含 ".jpg" 的元素 |
|
|
|
|
| :input |
$(":input") |
所有 元素 |
| :text |
$(":text") |
所有 type="text" 的 元素 |
| :password |
$(":password") |
所有 type="password" 的 元素 |
| :radio |
$(":radio") |
所有 type="radio" 的 元素 |
| :checkbox |
$(":checkbox") |
所有 type="checkbox" 的 元素 |
| :submit |
$(":submit") |
所有 type="submit" 的 元素 |
| :reset |
$(":reset") |
所有 type="reset" 的 元素 |
| :button |
$(":button") |
所有 type="button" 的 元素 |
| :image |
$(":image") |
所有 type="image" 的 元素 |
| :file |
$(":file") |
所有 type="file" 的 元素 |
|
|
|
|
| :enabled |
$(":enabled") |
所有激活的 input 元素 |
| :disabled |
$(":disabled") |
所有禁用的 input 元素 |
| :selected |
$(":selected") |
所有被选取的 input 元素 |
| :checked |
$(":checked") |
所有被选中的 input 元素 |
|
|
|
|
|
|
|
|
| 方法 |
描述 |
|
| ready() |
文档就绪事件（当 HTML 文档就绪可用时） |
|
| blur() |
触发、或将函数绑定到指定元素的 blur 事件 |
|
| change() |
触发、或将函数绑定到指定元素的 change 事件 |
|
| click() |
触发、或将函数绑定到指定元素的 click 事件 |
|
| dblclick() |
触发、或将函数绑定到指定元素的 double click 事件 |
|
| error() |
触发、或将函数绑定到指定元素的 error 事件 |
|
| focus() |
触发、或将函数绑定到指定元素的 focus 事件 |
|
| keydown() |
触发、或将函数绑定到指定元素的 key down 事件 |
|
| keypress() |
触发、或将函数绑定到指定元素的 key press 事件 |
|
| keyup() |
触发、或将函数绑定到指定元素的 key up 事件 |
|
| load() |
触发、或将函数绑定到指定元素的 load 事件 |
|
| mousedown() |
触发、或将函数绑定到指定元素的 mouse down 事件 |
|
| mouseenter() |
触发、或将函数绑定到指定元素的 mouse enter 事件 |
|
| mouseleave() |
触发、或将函数绑定到指定元素的 mouse leave 事件 |
|
| mousemove() |
触发、或将函数绑定到指定元素的 mouse move 事件 |
|
| mouseout() |
触发、或将函数绑定到指定元素的 mouse out 事件 |
|
| mouseover() |
触发、或将函数绑定到指定元素的 mouse over 事件 |
|
| mouseup() |
触发、或将函数绑定到指定元素的 mouse up 事件 |
|
| resize() |
触发、或将函数绑定到指定元素的 resize 事件 |
|
| scroll() |
触发、或将函数绑定到指定元素的 scroll 事件 |
|
| select() |
触发、或将函数绑定到指定元素的 select 事件 |
|
| submit() |
触发、或将函数绑定到指定元素的 submit 事件 |
|
| unload() |
触发、或将函数绑定到指定元素的 unload 事件 |
|
|
|
|
|
| 方法 |
触发 |
|
| $(selector).bind(event) |
向匹配元素添加一个或更多事件处理器 |
|
| $(selector).delegate(selector, event) |
向匹配元素添加一个事件处理器，现在或将来 |
|
| $(selector).die() |
移除所有通过 live() 函数添加的事件处理器 |
|
| $(selector).live(event) |
向匹配元素添加一个事件处理器，现在或将来 |
|
| $(selector).one(event) |
向匹配元素添加一个事件处理器。该处理器只能触发一次。 |
|
| $(selector).unbind(event) |
从匹配元素移除一个被添加的事件处理器 |
|
| $(selector).undelegate(event) |
从匹配元素移除一个被添加的事件处理器，现在或将来 |
|
| $(selector).trigger(event) |
所有匹配元素的指定事件 |
|
| $(selector).triggerHandler(event) |
第一个被匹配元素的指定事件 |
|
|
|
|
|
| jQuery 效果函数Hide / Show |
描述 |
|
| show() |
显示被选的元素 |
|
| hide() |
隐藏被选的元素 |
|
| toggle() |
对被选元素进行隐藏和显示的切换 |
|
|
|
|
|
| Slide |
|
|
| slideDown() |
通过调整高度来滑动显示被选元素 |
|
| slideUp() |
通过调整高度来滑动隐藏被选元素 |
|
| slideToggle() |
对被选元素进行滑动隐藏和滑动显示的切换 |
|
|
|
|
|
| Fade in / out |
|
|
| fadeIn() |
淡入被选元素至完全不透明 |
|
| fadeOut() |
淡出被选元素至完全不透明 |
|
| fadeTo() |
把被选元素减弱至给定的不透明度 |
|
|
|
|
|
| Animation |
|
|
| animate() |
对被选元素应用“自定义”的动画 |
|
| stop() |
停止在被选元素上运行动画 |
|
|
|
|
|
| Queue |
|
|
| clearQueue() |
对被选元素移除所有排队的函数（仍未运行的） |
|
| delay() |
对被选元素的所有排队函数（仍未运行）设置延迟 |
|
| dequeue() |
运行被选元素的下一个排队函数 |
|
| queue() |
显示被选元素的排队函数 |
|
|
|
|
|
|
|
|
|
| 方法 |
描述 |
|
| addClass() |
向匹配的元素添加指定的类名。 |
|
| after() |
在匹配的元素之后插入内容。 |
|
| append() |
向匹配的元素内部追加内容。 |
|
| appendTo() |
向匹配的元素内部追加内容。 |
|
| attr() |
设置或返回匹配元素的属性和值。 |
|
| before() |
在每个匹配的元素之前插入内容。 |
|
| clone() |
创建匹配元素集合的副本。 |
|
| detach() |
从 DOM 中移除匹配元素集合。 |
|
| empty() |
删除匹配的元素集合中所有的子节点。 |
|
| hasClass() |
检查匹配的元素是否拥有指定的类。 |
|
| html() |
设置或返回匹配的元素集合中的 HTML 内容。 |
|
| insertAfter() |
把匹配的元素插入到另一个指定的元素集合的后面。 |
|
| insertBefore() |
把匹配的元素插入到另一个指定的元素集合的前面。 |
|
| prepend() |
向每个匹配的元素内部前置内容。 |
|
| prependTo() |
向每个匹配的元素内部前置内容。 |
|
| remove() |
移除所有匹配的元素。 |
|
| removeAttr() |
从所有匹配的元素中移除指定的属性。 |
|
| removeClass() |
从所有匹配的元素中删除全部或者指定的类。 |
|
| replaceAll() |
用匹配的元素替换所有匹配到的元素。 |
|
| replaceWith() |
用新内容替换匹配的元素。 |
|
| text() |
设置或返回匹配元素的内容。 |
|
| toggleClass() |
从匹配的元素中添加或删除一个类。 |
|
| unwrap() |
移除并替换指定元素的父元素。 |
|
| val() |
设置或返回匹配元素的值。 |
|
| wrap() |
把匹配的元素用指定的内容或元素包裹起来。 |
|
| wrapAll() |
把所有匹配的元素用指定的内容或元素包裹起来。 |
|
| wrapinner() |
将每一个匹配的元素的子内容用指定的内容或元素包裹起来。 |
|
|
|
|
|
| 方法 |
描述 |
|
| addClass() |
向匹配的元素添加指定的类名。 |
|
| attr() |
设置或返回匹配元素的属性和值。 |
|
| hasClass() |
检查匹配的元素是否拥有指定的类。 |
|
| html() |
设置或返回匹配的元素集合中的 HTML 内容。 |
|
| removeAttr() |
从所有匹配的元素中移除指定的属性。 |
|
| removeClass() |
从所有匹配的元素中删除全部或者指定的类。 |
|
| toggleClass() |
从匹配的元素中添加或删除一个类。 |
|
| val() |
设置或返回匹配元素的 |
|
|
|
|
|
| CSS 属性 |
描述 |
|
| css() |
设置或返回匹配元素的样式属性。 |
|
| height() |
设置或返回匹配元素的高度。 |
|
| offset() |
返回第一个匹配元素相对于文档的位置。 |
|
| offsetParent() |
返回最近的定位祖先元素。 |
|
| position() |
返回第一个匹配元素相对于父元素的位置。 |
|
| scrollTop() |
设置或返回匹配元素相对滚动条顶部的偏移。 |
|
| scrollLeft() |
设置或返回匹配元素相对滚动条左侧的偏移。 |
|
| width() |
设置或返回匹配元素的宽 |
|
|
|
|
|
| 函数 |
描述 |
|
| jQuery.ajax() |
执行异步 HTTP (Ajax) 请求。 |
|
| .ajaxComplete() |
当 Ajax 请求完成时注册要调用的处理程序。这是一个 Ajax 事件。 |
|
| .ajaxError() |
当 Ajax 请求完成且出现错误时注册要调用的处理程序。这是一个 Ajax 事件。 |
|
| .ajaxSend() |
在 Ajax 请求发送之前显示一条消息。 |
|
| jQuery.ajaxSetup() |
设置将来的 Ajax 请求的默认值。 |
|
| .ajaxStart() |
当首个 Ajax 请求完成开始时注册要调用的处理程序。这是一个 Ajax 事件。 |
|
| .ajaxStop() |
当所有 Ajax 请求完成时注册要调用的处理程序。这是一个 Ajax 事件。 |
|
| .ajaxSuccess() |
当 Ajax 请求成功完成时显示一条消息。 |
|
| jQuery.get() |
使用 HTTP GET 请求从服务器加载数据。 |
|
| jQuery.getJSON() |
使用 HTTP GET 请求从服务器加载 JSON 编码数据。 |
|
| jQuery.getScript() |
使用 HTTP GET 请求从服务器加载 JavaScript 文件，然后执行该文件。 |
|
| .load() |
从服务器加载数据，然后把返回到 HTML 放入匹配元素。 |
|
| jQuery.param() |
创建数组或对象的序列化表示，适合在 URL 查询字符串或 Ajax 请求中使用。 |
|
| jQuery.post() |
使用 HTTP POST 请求从服务器加载数据。 |
|
| .serialize() |
将表单内容序列化为字符串。 |
|
| .serializeArray() |
序列化表单元素，返回 JSON 数据结构数据。 |
|
|
|
|
|
| 函数 |
描述 |
|
| .add() |
将元素添加到匹配元素的集合中。 |
|
| .andSelf() |
把堆栈中之前的元素集添加到当前集合中。 |
|
| .children() |
获得匹配元素集合中每个元素的所有子元素。 |
|
| .closest() |
从元素本身开始，逐级向上级元素匹配，并返回最先匹配的祖先元素。 |
|
| .contents() |
获得匹配元素集合中每个元素的子元素，包括文本和注释节点。 |
|
| .each() |
对 jQuery 对象进行迭代，为每个匹配元素执行函数。 |
|
| .end() |
结束当前链中最近的一次筛选操作，并将匹配元素集合返回到前一次的状态。 |
|
| .eq() |
将匹配元素集合缩减为位于指定索引的新元素。 |
|
| .filter() |
将匹配元素集合缩减为匹配选择器或匹配函数返回值的新元素。 |
|
| .find() |
获得当前匹配元素集合中每个元素的后代，由选择器进行筛选。 |
|
| .first() |
将匹配元素集合缩减为集合中的第一个元素。 |
|
| .has() |
将匹配元素集合缩减为包含特定元素的后代的集合。 |
|
| .is() |
根据选择器检查当前的匹配元素集合，如果存在至少一个匹配元素，则返回 true。 |
|
| .last() |
将匹配元素集合缩减为集合中的最后一个元素。 |
|
| .map() |
把当前匹配集合中的每个元素传递给一个函数，产生包含返回值的新的 jQuery 对象。 |
|
| .next() |
获得匹配元素集合中每个元素紧邻的同辈元素。 |
|
| .nextAll() |
获得匹配元素集合中每个元素之后的所有同辈元素，由选择器进行筛选（可选）。 |
|
| .nextUntil() |
获得每个元素之后所有的同辈元素，直到遇到匹配选择器的元素为止。 |
|
| .not() |
从匹配元素集合中删除元素。 |
|
| .offsetParent() |
获得用于定位的第一个父元素。 |
|
| .parent() |
获得当前匹配元素集合中每个元素的父元素，由选择器筛选（可选）。 |
|
| .parentsUntil() |
获得当前匹配元素集合中每个元素的祖先元素，直到遇到匹配选择器的元素为止。 |
|
| .prev() |
获得匹配元素集合中每个元素紧邻的前一个同辈元素，由选择器筛选（可选）。 |
|
| .prevAll() |
获得匹配元素集合中每个元素之前的所有同辈元素，由选择器进行筛选（可选）。 |
|
| .prevUntil() |
获得每个元素之前所有的同辈元素，直到遇到匹配选择器的元素为止。 |
|
| .siblings() |
获得匹配元素集合中所有元素的同辈元素，由选择器筛选（可选）。 |
|
| .slice() |
将匹配元素集合缩减为指定范围的子集。 |
|
|
|
|
|
| 函数 |
描述 |
|
| .data() |
存储与匹配元素相关的任意数据。 |
|
| jQuery.data() |
存储与指定元素相关的任意数据。 |
|
| .removeData() |
移除之前存放的数据。 |
|
| jQuery.removeData() |
移除之前存放的数据 |
|
|
|
|
|
| 函数 |
描述 |
|
| .clearQueue() |
从队列中删除所有未运行的项目。 |
|
| .dequeue() |
从队列最前端移除一个队列函数，并执行它。 |
|
| jQuery.dequeue() |
从队列最前端移除一个队列函数，并执行它。 |
|
| .queue() |
显示或操作匹配元素所执行函数的队列。 |
|
| jQuery.queue() |
显示或操作匹配元素所执行函数的队列。 |
|