|
选择符
|
匹配
|
|
*
|
所有元素
|
|
#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,希望对大家能有所帮助