[总结]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 快速参考的更多相关文章
- jQuery api 快速参考[转]
选择符 匹配 * 所有元素 #id 带有给定ID的元素 element 给定类型的所有元素,比如说html标签 .class 带有给定类的所有元素 a,b 匹配a或者匹配b的元素 a b 作为a后代的 ...
- Selenium 2.0 WebDriver 自动化测试 使用教程 实例教程 API快速参考
Selenium 2.0 WebDriver 自动化测试 使用教程 实例教程 API快速参考 //System.setProperty("webdriver.firefox.bin" ...
- Sea.js学习2——Sea.js的API 快速参考
(7 个接口是最常用的) 一.seajs.config:用来对 Sea.js 进行配置. seajs.config({ // 设置路径,方便跨目录调用 paths: { 'arale': 'https ...
- jQuery MiniUI 开发指南+API组件参考手册
jQuery MiniUI 开发指南 本文档将逐步的讲解jQuery MiniUI的方方面面,从此您将踏上jQuery MiniUI的深入探索之旅. 1.Hello M ...
- 转: seajs手册与文档之 -- 快速参考 ( ~~useful )
目录 快速参考 seajs.use seajs.config define require require.async exports module.exports 快速参考 该页面列举了 SeaJS ...
- Java API 快速速查宝典
Java API 快速速查宝典 作者:明日科技,陈丹丹,李银龙,王国辉 著 出版社:人民邮电出版社 出版时间:2012年5月 Java编程的最基本要素是方法.属性和事件,掌握这些要素,就掌握了解决实际 ...
- 【jQuery插件】用jQuery Masonry快速构建一个pinterest网站布局(转)
[jQuery插件]用jQuery Masonry快速构建一个pinterest网站布局 时间:2011年03月21日作者:愚人码头查看次数:29,744 views评论次数:25条评论 前段时间领导 ...
- Google API快速生成QR二维码
Google API快速生成QR二维码 现在来说生成二维码最简单的方法是使用Google Chart API来实现,再次膜拜Google大神- Google Chart API是一套可以让你在线生成报 ...
- OGG学习笔记04-OGG复制部署快速参考
OGG学习笔记04-OGG复制部署快速参考 源端:Oracle 10.2.0.5 RAC + ASM 节点1 Public IP地址:192.168.1.27 目标端:Oracle 10.2.0.5 ...
随机推荐
- 【WIN10】移植opencc到WIN10-UWP,實現自己的繁簡轉換工具
花了週末兩天時間,將opencc移植成WIN10-UWP可用的庫,並完成自己的繁簡轉換工具. 我的繁簡轉換工具下載地址為:https://www.microsoft.com/store/apps/9n ...
- db 文件 查看 打开 工具 db 中文 版 navicat 中文
韩梦飞沙 韩亚飞 313134555@qq.com yue31313 han_meng_fei_sha ======= db 中文 版 navicat 中文 ======= Navicatfo ...
- HDU.5985.Lucky Coins(概率DP)
题目链接 \(Description\) 有n(n<=10)种硬币,已知每种硬币的数量和它抛一次正面朝上的概率pi.进行如下过程:每次抛一次所有硬币,将正面朝下的硬币去掉.重复该过程直到只剩一种 ...
- BZOJ2081 : [Poi2010]Beads
暴力枚举$k$,对于一个子串,计算它正着的hash值以及反着的hash值,取最小值得到其最终hash值. 对于$k$,一共有$\lfloor\frac{n}{k}\rfloor$个子串,计算出它们的最 ...
- codeforces 596E Wilbur and Strings
题意:一个矩阵上面有0~9的数字,可以从任意一个格子出发,每次根据格子上的数字会前进到另一个格子(或原地不动),现在给出q个数位串,问是否有走法可以取出这个串(走到格子上的时候可以不取). 思路:发现 ...
- 让IIS支持10万并发
适用的IIS版本:IIS 7.0, IIS 7.5, IIS 8.0 适用的Windows版本:Windows Server 2008, Windows Server 2008 R2, Windows ...
- C# ie通过打印控件点打印,总是弹出另存为xps的对话框
用的是lodop打印控件,点打印后,总是弹出另存为xps的对话框,后来在网上查到可能是把windows自带的Microsoft XPS Document Writer设为默认打印机的原因. 但现在没有 ...
- C#内存映射文件消息队列实战演练(MMF—MQ)
一.课程介绍 本次分享课程属于<C#高级编程实战技能开发宝典课程系列>中的一部分,阿笨后续会计划将实际项目中的一些比较实用的关于C#高级编程的技巧分享出来给大家进行学习,不断的收集.整理和 ...
- [Winform]无边框窗口悬浮右下角并可以拖拽移动
摘要 简单实现了一个这样的功能,程序启动时,窗口悬固定在右下角,并可以通过鼠标拖拽移动. 核心代码块 无边框窗口并不出现在任务栏 //无边框 this.FormBorderStyle = System ...
- java swing MenuItem乱码处理
用java开发一个带有托盘图标的程序, 其它模块的中文显示都是正常的,就只有托盘中点击小图标时弹出的菜单中的中文是方框(中文方块) 解决: 1: 在你的具有main函数的类也即你应用运行的主类上点击右 ...