首页 > 代码库 > [总结]Jquery api 快速参考
[总结]Jquery api 快速参考
选择符 | 匹配 |
* | 所有元素 |
#id | 带有给定ID的元素 |
element | 给定类型的所有元素,比如说html标签 |
.class | 带有给定类的所有元素 |
a,b | 匹配a或者匹配b的元素 |
a b | 作为a后代的匹配b的元素(包括孙子辈的) |
a > b | 作为a子元素的匹配b的元素(只包括儿子辈) |
:first | 结果集中的第一个元素 |
:last | 结果集中的最后一个元素 |
:not(a) | 结果集中与a不匹配的所有元素 |
:even | 结果集中的偶数元素(从0开始计数) |
:odd | 结果集中的奇数元素(从0开始计数) |
:eq(index) | 结果集中索引为index的元素(从0开始计数) |
:gt(index) | 结果集中所有位于给定索引之后的元素(从0开始计数) |
:lt(index) | 结果集中所有位于给定索引之前的元素(从0开始计数) |
:header | 标题元素(<h1><h2>) |
:animated | 其动画正在播放的元素 |
:contains(text) | 包含给定文本text的元素 |
:empty | 不包含子节点的元素 |
:has(a) | 后代元素中至少有一个匹配a的元素 |
:parent | 当前元素的直接父元素 |
:hidden | 隐藏的元素,包括通过css隐藏以及<input type="hidden" /> |
:visible | 与:hidden匹配的元素相反 |
[attr] | 带有属性attr的元素 |
[attr=value] | attr属性的值为value的元素 |
[attr!=value] | attr属性的值不为value的元素 |
[attr^=value] | attr属性的值以value开头的元素 |
[attr$=value] | attr属性的值以value结尾的元素 |
[attr*=value] | attr属性的值包含字符串value的元素 |
:nth-child(index) | 匹配集合中每个元素的第index个子元素(从1开始计数) |
:nth-child(even) |
匹配集合中每个元素的排在偶数位的子元素(从1开始计数)
|
:nth-child(odd) |
匹配集合中每个元素的排在奇数位的子元素(从1开始计数)
|
:nth-child(formula) | Formula是个公式,格式为an+b,a、b为整数 |
:first-child |
匹配集合中每个元素的第一个子元素
|
:last-child |
匹配集合中每个元素的最后一个子元素
|
:only-child |
匹配集合中每个元素的惟一子元素,如果不唯一,则不执行
|
:input | 所有<input><select><textarea>和<button>元素 |
:text | Type=“text”的<input>元素 |
:password | Type=“password”的<input>元素 |
:radio | Type=“radio”的<input>元素 |
:checkbox | Type=“checkbox”的<input>元素 |
:submit | Type=“submit”的<input>元素 |
:image | Type=“image”的<input>元素 |
:reset | Type=“reset”的<input>元素 |
:button | Type=“button”的<input>元素及<button>元素 |
:file | Type=“file”的<input>元素 |
:enabled | 启用的表单元素 |
:disabled | 禁用的表单元素 |
:checked | 选中的复选框和单选按钮元素 |
:selected | 选中的<option>元素 |
遍历方法 | 返回值的jQuery对象包含 |
.filter(selector) | 与给定的选择符匹配的选中元素 |
.filter(callback) | 回调函数callback返回true的选中元素 |
.eq(index) | 从0开始计数的第index个选中元素 |
.slice(start,[end]) | 从0开始计数的给定范围的选中元素 |
.not(selector) | 与给定的选择符不匹配的选中元素 |
.add(selector) | 选中元素再加上与给定选择符匹配的元素 |
.find(selector) | 与给定选择符匹配的后代元素 |
.contents | 子节点,包括文本节点 |
.children([selector]) | 匹配选择符的子节点 |
.next([selector]) | 每个选中元素的下一个匹配选择符的同辈元素 |
.nextAll([selector]) | 每个选中元素之后的所有匹配选择符的同辈元素 |
.prev([selector]) | 每个选中元素的上一个匹配选择符的同辈元素 |
.prevAll([selector]) | 每个选中元素之后的所有匹配选择符的同辈元素 |
.siblings([selector]) | 匹配选择符的所有同辈元素 |
.parent([selector]) | 每个选中元素的匹配选择符的父元素 |
.parents([selector]) | 每个选中元素的匹配选择符的所有祖先元素 |
.offsetParent() | 第一个选中元素被定位的父元素(用relative或者absolute定位) |
.andSelf() | 选中元素再加上内部jQuery栈中之前选中的元素 |
.end() | 内部jQuery栈中之前选中的元素 |
.map(callback) | 对每个选中元素调用回调函数callback之后的结果 |
事件方法 | 说明 |
.ready(fun) | 绑定在DOM和CSS完全加载后调用的处理程序fun |
.bind(type,[data],fun) | 绑定在给定类型的事件type发送到元素时调用的处理程序fun |
.one(type,[data],fun) | fun方法只执行一次 |
.unbind(type,[fun]) | 解除元素上绑定的处理程序 |
.live(type,fun) | 绑定当给定事件发送到元素后调用的处理程序,动态生成使用这个 |
.die(type,[fun]) | 移除前面通过live()绑定到元素上的处理程序 |
.blur(fun) | 失去焦点事件 |
.change(fun) | 当前值改变事件 |
.click(fun) | 点击事件 |
.dbclick(fun) | 双击事件 |
.error(fun) | 错误事件 |
.focus(fun) | 获取键盘焦点事件 |
.keydown(fun) | 获取键盘焦点且有键被按下事件 |
.keypress(fun) | 获取键盘焦点且有按键事件发生事件 |
.keyup(fun) | 获取键盘焦点且有键被释放事件 |
.load(fun) | 元素加载完成事件 |
.mousedown(fun) | 按下鼠标键事件 |
.mouseenter(fun) | 鼠标指针进入元素事件,不受事件冒泡影响 |
.mouseleave(fun) | 鼠标指针离开元素事件,不受事件冒泡影响 |
.mousemove(fun) | 移动鼠标指针事件 |
.mouseout(fun) | 鼠标指针离开事件 |
.mouseover(fun) | 鼠标指针进入事件 |
.mouseup(fun) | 鼠标指针释放事件 |
.resize(fun) | 调整元素大小事件 |
.scroll(fun) | 元素滚动位置改变事件 |
.select(fun) | 文本被选中事件 |
.submit(fun) | 提交事件 |
.unload(fun) | 元素从内存被卸载后调用事件 |
.hover(enter,leave) | 进入执行enter,离开执行leave |
.toggle(fun1,fun2) | 顺序执行事件,来回循环 |
.trigger(type,[data]) | 触发元素事件,并执行该事件默认操作 |
.triggerHandler(type,[data]) | 触发元素事件,不执行该事件默认操作 |
.blur() | 触发blur事件,下面道理一样,方法变动 |
.change() | ... |
.click() | ... |
.dbclick() | ... |
.error() | ... |
.focus() | ... |
.keydown() | ... |
.keypress() | ... |
.keyup() | ... |
.select() | ... |
.submit() | ... |
效果方法 | 说明 |
.show() | 显示 |
.hide() | 隐藏 |
.show(speed,[callback]) | 显示速度 |
.hide(speed,[callback]) | 隐藏速度 |
.toggle(speed,[callback]) | 显示或者隐藏 |
.slideDown(speed,[callback]) | 滑入显示 |
.slideUp(speed,[callback]) | 滑出显示 |
.slideToggle(speed,[callback]) | 滑动显示或者隐藏 |
.fadeIn(speed,[callback]) | 淡入显示 |
.fadeOut(speed,[callback]) | 淡入隐藏 |
.fadeTo(speed,opacity,[callback]) | 匹配调整元素的不透明度 |
.animate(attr,[speed],[easing]) | 针对指定的css属性执行自定义动画 |
.animate(attr,options) | 动画队列 |
.stop([clearQueue],[jumpToEnd]) | 停止当前播放动画,然后启动排列的动画 |
.queue() | 取得第一个匹配元素上的动画队列 |
.queue(callback) | 动画队列最后添加函数 |
.queue(newQueue) | 新队列替换原队列 |
.dequeue() | 执行队列中的下一个动画 |
方法 | 说明 |
.attr(key) | 获取属性key的值 |
.attr(key,value) | 设置属性key的值为value |
.attr(key,fun) | 设置属性key的值为fun函数的返回值 |
.attr(map) | 根据传入的键值对参数设置属性的值 |
.removeAttr(key) | 移除属性key |
.addClass(class) | 添加css样式 |
.removeClass(class) | 移除css样式 |
.toggleClass(class) | 不存在就添加,存在就删除css |
.hasClass(class) | 匹配元素至少有一个包含传入的类,就返回true |
.html() | 取得第一个匹配元素的html内容 |
.html(value) | 将每个匹配元素的html内容设置为传入的value |
.text() | 取得所有匹配元素的文本内容,返回一个字符串 |
.text(value) | 设置每个匹配元素的文本内容为value |
.val() | 取得第一个匹配元素的value属性的值 |
.val(value) | 设置每个匹配元素的value属性值为传入的value |
.css(key) | 取得css属性的key的值 |
.css(key,value) | 设置css属性的key值为传入的value |
.css(map) | 根据传入的键值对参数设置css属性的值 |
.offset() | 取得第一个匹配元素相对于适口的上左坐标值(单位为像素) |
.position() | 取得第一个匹配元素相对于.offsetParent()返回元素的上、左坐标值 |
.scrollTop() | 取得第一个匹配元素的垂直滚动位置 |
.scrollTop(value) | 设置每个匹配元素的垂直滚动位置为传入的vlaue |
.scrollLeft() | 取得第一个匹配元素的水平滚动位置 |
.scrollLeft(value) | 设置每个匹配元素的水平滚动位置为传入的vlaue |
.height() | 取得第一个匹配元素的高度 |
.height(value) | 设置每个匹配元素的高度为传入的value |
.width() | 取得第一个匹配元素的宽度 |
.width(value) | 设置每个匹配元素的宽度为传入的value |
.innerHeight() | 取得第一个匹配元素的包含内边距但不包含边框的高度 |
.innerWidth() | 取得第一个匹配元素的包含内边距但不包含边框的宽度 |
.outerHeight(includeMargin) | 取得第一个匹配元素的包含内边距、边框及可选的外边距的高度 |
.outWidth(includeMargin) | 取得第一个匹配元素的包含内边距、边框及可选的外边距的宽度 |
.append(content) | 在每个匹配元素内部的末尾插入content |
.appendTo(selector) | 将匹配的元素插入到selector选择符匹配的元素内部的末尾 |
.prepend(content) | 在每个匹配元素内部的开头插入content |
.prependTo(selector) | 将匹配的元素插入到selector选择符匹配的元素内部的开头 |
.after(content) | 在每个匹配元素的后面插入content |
.insertAfter(selector) | 将匹配元素插入到selector选择符匹配的元素的后面 |
.before(content) | 在每个匹配元素的前面插入content |
.insertBefore(selector) | 将匹配元素插入到selector选择符匹配的元素的前面 |
.wrap(content) | 将匹配的每个元素包装在content中 |
.wrapAll(content) | 将匹配的所有元素作为一个单元包装在content中 |
.wrapInner(content) | 将匹配的每个元素内部的内容包装在content中 |
.replaceWith(content) | 将匹配的元素替换成content |
.replaceAll(selector) | 将selector选择符匹配的元素替换成匹配的元素 |
.empty() | 移除每个匹配元素的子节点 |
.remove([selector]) | 从dom中移除匹配的节点,可以通过selector筛选 |
.clone([withHandlers]) | 返回所有匹配元素的副本 |
.data(key) | 取得与第一个匹配元素关联的key键的数据项 |
.data(key,value) | 设置与每个匹配元素关联的key键的数据项为value |
.removeData(key) | 移除与每个匹配元素关联的key键的数据项 |
AJAX方法 | 说明 |
$.ajax(options) | 使用传入的options生成一次ajax请求 |
.load(url,[data],[callback]) | 向传入的url生成一次ajax请求,然后将响应放入匹配元素 |
$.get(url,[data],[callback],[returnType]) | 使用get方法向传入的url生成一次ajax请求 |
$.getJSON(url,[data],[callback]) | 向传入的url生成一次请求,将响应作为json数据结构解析 |
$.getScript(url,[callback]) | 向传入的url生成一次请求,将响应作为js脚本执行 |
$.post(url,[data],[callback],[returnType]) | 使用post方法向传入的url生成一次ajax请求 |
.ajaxComplete(handler) | 绑定当任意ajax事务完成后调用fun |
.ajaxError(handler) | 绑定当任意ajax事务发生错误时调用fun |
.ajaxSend(handler) | 绑定当任意ajax事务开始时调用fun |
.ajaxStart(handler) | 绑定当任意ajax事务开始没有其他事务还在活动时调用fun |
.ajaxStop(handler) | 绑定当任意ajax事务结束没有其他事务还在活动时调用fun |
.ajaxSuccess(handler) | 绑定当任意ajax事务成功完成时调用的程序 |
$.ajaxSetup(options) | 为后续的ajax事务设置默认选项 |
.serialize() | 将一组表单控件的值编码为一个查询字符串 |
.serializeArray() | 将一组表单控件的值编码为一个json数据结构 |
$.param(map) | 将任意值的映射编码为一个查询字符串 |
方法或属性 | 说明 |
$.support | 返回一个属性的映射,表示浏览器是否支持各种特性和标准 |
$.each(collection,callback) | 迭代遍历集合,针对集合中的每一项执行回调函数 |
$.extend(target,addition,...) | 扩展target对象,即将后面传入对象的属性添加入这个对象 |
$.makeArray(object) | 将对象转换为一个数组 |
$.map(array,callback) | 针对数组中每一项执行回调函数,返回新数组 |
$.inArray(value,array) | 确定数组array中是否包含值value |
$.merge(array1,array2) | 合并两个数组 |
$.unique(array) | 从数组中移除重复的dom元素 |
$.isFunction(object) | 确定对象是否一个函数 |
$.trim(String) | 从字符串末尾移除空白符 |
$.noConflict([extreme]) | 让渡$符号使用权,恢复使用jquery标识符 |
.hasClass(className) | 确定匹配元素是否包含给定的类 |
.is(selector) | 确定是否有匹配元素与给定的选择符表达式匹配 |
.each(callback) | 迭代遍历匹配元素,针对每个元素执行回调函数 |
.length | 取得匹配元素的个数 |
.get() | 取得与匹配元素对应的dom节点的数组 |
.get(index) | 取得匹配元素中与传入的索引值对应的dom节点 |
.index(element) | 取得给定dom节点在匹配元素集合中的索引值
|
[总结]Jquery api 快速参考