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，希望对大家能有所帮助
相关推荐
-
15款jQuery分布引导插件分享
1. Power Tour 2. Bootstrap Tour 3. Bootstro.js 4. Intro.js 5. Power Tour 6. Trip.js 7. jQuery Tour Bus 8. jQuery Site Tour 9. Website Tour with jQuery 10. JoyRide 11. Pageguide.js 12. jQuery Tour 13. Crumble 14. Pagetour 15. jQuery Website Tour for W
-
jQuery超精致图片轮播幻灯片特效代码分享
本文实例讲述了jQuery超精致图片轮播幻灯片特效.分享给大家供大家参考.具体如下: 这是一款基于jQuery实现超精致图片轮播幻灯片特效代码,实现过程很简单. 运行效果图: -------------------查看效果 下载源码------------------- 小提示:浏览器中如果不能正常运行,可以尝试切换浏览模式. (1)在head区域引入CSS样式: <link href="styles/97zzw.css"
-
jQuery实现输入框下拉列表树插件特效代码分享
本文实例讲述了jQuery实现输入框下拉列表树插件.分享给大家供大家参考.具体如下: 这是一款基于jquery实现的下拉列表树插件源码,是一款实用的jquery 树形下拉框下拉树代码.点击文本框即可弹出树形下拉列表,单击列表项即可选中列表对应文字,是一款非常实用的特效源码. 运行效果图: -------------------查看效果 下载源码------------------- 小提示:浏览器中如果不能正常运行,可以尝试切换浏览模式. 为大家分享的jQ
-
jquery实现漫天雪花飞舞的圣诞祝福雪花效果代码分享
这是一款基于jquery实现的漫天雪花飞舞的圣诞祝福雪花效果代码,雪花的大小可以进行切换,用户还可以更改背景图片,是一款非常实用的幻灯片特效源码. 漫天雪花飞舞的jquery圣诞祝福雪花效果,集中不同的效果可以点击选择,请欣赏. 效果演示 源码下载(浏览器中如果不能正常运行,可以尝试切换浏览模式或者选择直接下载) 为大家分享的漫天雪花飞舞的jquery圣诞祝福雪花效果代码如下 <!DOCTYPE html> <html> <head> <script type=&
-
jQuery前端分页示例分享
大家在作分页时,多数是在后台返回一个导航条的html字符串,其实在前端用js也很好实现. 调用pager方法,输入参数,会返回一个导航条的html字符串.方法的内部比较简单. 复制代码 代码如下: /** * pageSize, 每页显示数 * pageIndex, 当前页数 * pageCount 总页数 * url 连接地址 * pager(10, 1, 5, 'Index')使用方法示例 */ function pager(pageSize, pageIndex, pageCoun
-
使用jquery操作session方法分享
摘要: 今天分享的是使用jquery来处理session.我们将使用sessionStorage对象,它类似与localStorage对象,只是sessionStorage是用来储存session数据的.当用户关闭浏览器这个数据会被清除掉. 简介: JquerySession是一个基于jquery的用来处理session的库,使用它可以简化我们的工作.在使用之前需要引入jquery. 语法: 添加数据 $.session.set('key', 'value') 删除数据 $.se
-
jQuery插件jcrop+Fileapi完美实现图片上传+裁剪+预览的代码分享
网页端 裁剪图片,不需要经过服务器. 这个是用 https://github.com/mailru/FileAPI 框架实现的.配合jcrop. 高级浏览器 使用 canvas 裁剪,ie6 7 8使用 flash过度. 核心代码: var el = $('input').get(0); seajs.use(['gallery/jcrop/0.9.12/jcrop.css','gallery/jcrop/0.9.12/jcrop.js'] ,function(){ FileAPI.event.o
-
jQuery实现自动与手动切换的滚动新闻特效代码分享
本文实例讲述了jQuery实现滚动新闻特效.分享给大家供大家参考.具体如下: jQuery实现滚动新闻代码是一款基于bootstrup 3实现的响应式jQuery滚动新闻插件.有三种展示新闻的方式,自动向下循环展示,自动向上循环展示以及手动循环展示,总有一款适合你的. 运行效果图: -------------------查看效果 下载源码------------------- 小提示:浏览器中如果不能正常运行,可以尝试切换浏览模式.
-
IE下支持文本框和密码框placeholder效果的JQuery插件分享
很久之前写了这个插件,基于jQuery实现的,主要用于IE下实现placeholder效果,可同时支持文本和密码输入框. placeholder是HTML5新增的一个属性,当input设置了该属性后,该值的内容将作为灰色提示显示在文本框中,当文本框获得焦点时,提示文字消失. 下载地址:http://xiazai.jb51.net/201501/other/placeholderfriend.rar 实现代码如下: 复制代码 代码如下: (function($) { /** * 没有开花
-
基于jQuery实现交互体验社会化分享代码附源码下载
先给大家展示下效果图,看看是不是亲想要的效果,如果满足您的要求请继续往下阅读. 效果展示 源码下载 基于jQuery交互体验社会化分享代码.这是一款鼠标点击分享按钮向右滑出腾讯微博,新浪微博,QQ空间,豆瓣,微信,二维码分享等分享平台. html代码: <div style="text-align:center;font:normal 14px/24px 'MicroSoft YaHei';clear:both;width:160px;margin:0 auto;"&
-
分享十五款 jQuery 社交网络分享插件
过去几年中社交媒体越来越流行了,能够分享音乐.视频.图像甚至是其他的 docs 文档到互联网上去,这样子还能够提高页面的点击量.通常,一些社交媒体插件都能允许你的用户分享你网站上的内容到其他的社交平台,比如说这些社交平台 上:Facebook, Google, Twitter, Pinterest等等. 这里我们选择了 15 款最好的 jQuery 社交分享插件.只需要少量的代码,即可将它们轻松的集成到你的网站上,并且能够帮助你的访问者分享网站上的内容.好好享受它们来带的便利吧!! 1. iSh
-
jQuery封装的tab选项卡插件分享
在网站开发中经常会用到选项卡功能,为了节省一下写代码时间,封装了一下tab插件,方便调用. 创建选项卡组件 使用方法: html结构 <div id="tabs"> <ul> <li><a href="#tabs-1">tab-1</a></li> <li><a href="#tabs-2">tab-2</a></li> <
-
jQuery图片轮播滚动切换代码分享
本文实例讲述了jQuery图片轮播滚动切换特效.分享给大家供大家参考.具体如下: jQuery图片轮播滚动切换代码是一款简单的jquery四张图片轮播滚动切换效果代码,实现过程很简单. 运行效果图:-------------------查看效果 下载源码------------------- 小提示:浏览器中如果不能正常运行,可以尝试切换浏览模式. 在head区域引入CSS样式: <link rel="stylesheet" type="text/css" h
-
jQuery树形下拉菜单特效代码分享
本文实例讲述了jQuery实现幻树形下拉菜单特效,实现自动伸缩,分享给大家供大家参考. 运行jQuery树形下拉菜单特效效果图: 为大家分享的jQuery树形下拉菜单代码如下 <head> <title>常用的jquery下拉菜单</title> <script type="text/javascript" src="js/jquery.js"></script> <script type="