首页
vue
TypeScript
JavaScript
scss
css3
html5
php
MySQL
redis
jQuery
jQuery 基础选择器
通配符选择器
选择所有元素.
类选择器
class类
id选择器
选择一个具有给定id属性的单个元素
标签选择器
html标记名称
并集选择器
多个元素合并后返回
交集选择器
同时满足多个条件
子选择器
选择子元素
相邻选择器
选择相邻的下一个元素(prev + next)
兄弟选择器
选择后面的同级的兄弟元素(prev ~ siblings)
包含选择器
选择祖先元素的所有后代元素(ancestor descendant)
jQuery 属性选择器
[name|='value']
属性值等于字符串
[name*='value']
属性包含子字符串
[name~="value"]
用空格分隔的值中包含给定值
[name$="value"]
以给定值结尾的元素
[name="value"]
性是给定值的元素
[name!="value"]
属性值不等于给定值的元素
[name^="value"]
以给定字符串开始的元素
[name]
指定属性的元素
jQuery 基础过滤选择器
:animated
选择执行动画的元素.
:eq(index)
选择索引元素
:even
选择所引值为偶数的元素
:odd
选择索引值为奇数元素
:first
选择第一个匹配的元素
:last
选择最后一个匹配的元素
:gt(index)
选择所有大于index(索引值)的元素
:lt(index)
选择所有小于给定index参数的元素
:not(selector)
选择所有元素去除不匹配给定的选择器的元素
:header
选择所有标题元素,像h1, h2, h3 等
:root
选择根元素
:lang(language)
选择指定语言的所有元素
:target
选择URI的目标元素
jQuery 子元素过滤选择器(伪类)
:first-child
选择所有父级元素下的第一个子元素
:last-child
选择所有父级元素下的最后一个子元素
:nth-child(index/even/odd/equation)
选择父元素的第n个子元素
:nth-last-child(index/even/odd/equation)
选择父元素的第n个子元素
:only-child
选中唯一子元素
:first-of-type
选择第一个兄弟元素
:last-of-type
选择相同元素名称的最后一个兄弟元素
:nth-of-type(index/even/odd/equation)
选择同级元素的第n个兄弟元素
:nth-last-of-type(index/even/odd/equation)
选中倒数第n个兄弟元素
:only-of-type
选择所有没有兄弟姐妹且具有相同元素名称的元素
jQuery 内容过滤选择器
:contains(text)
选择所有包含指定文本的元素
:empty
选择所有没有子元素的元素
:parent
选择所有含有子元素或者文本的父级元素
:has(selector)
选择元素其中至少包含指定选择器匹配的一个种元素
:hidden
选择所有隐藏的元素
jQuery 表单选择器
:focus
选择焦点的元素
:button
选择按钮元素
:file
选择所有类型为文件(file)的元素
:image
选择所有图像类型的元素
:input
选择所有 input, textarea, select 和 button 元素
:password
选择所有类型为密码的元素
:radio
选择所有类型为单选框的元素
:reset
选择所有类型为重置的元素
:submit
选择所有类型为提交的元素
:text
选择所有类型为文本的元素
:checkbox
选择所有类型为复选框的元素
:checked
匹配所有选中的元素
:selected
获取 select 元素中所有被选中的元素
:disabled
选择所有被禁用的元素
:enabled
选择所有可用的元素
:visible
选择所有可见的元素
jQuery 复制
clone()
复制对象
jQuery 包裹插入
wrap()
外层包上一个html元素
wrapAll()
在所有匹配元素外面包一层HTML结构
wrapInner()
在匹配元素里的内容外包一层结构
jQuery 内部插入
html()
获取或设置元素的html内容
append()
元素内的末尾插入
appendTo()
将内容插入元素内部
prepend()
把内容插入元素内部的前面
prependTo()
把内容插入到元素的内部的前面
text()
获得或设置元素的文本内容
jQuery 外部插入
after()
元素外的后面插入
insertAfter()
把内容插入到元素外的后面
before()
在元素外的前面插入内容
insertBefore()
把内容插入到目标元素外的后面
jQuery 移除
unwrap()
删除父级元素删除
detach()
从DOM中去掉所有匹配的元素
empty()
从DOM中移除集合中匹配元素的所有子节点
remove()
从DOM中删除元素以及事件
jQuery 替换
replaceAll()
替换目标元素
replaceWith()
用提供的内容替换集合中所有匹配的元素并且返回被删除元素的集合
jQuery 属性
attr()
属性的值
prop()
匹配元素的属性
removeAttr()
移除属性
removeProp()
删除自定义属性
val()
获取表单元素的值
jQuery.cssHooks
设置CSS属性的方法
jQuery.cssNumber
CSS属性列表
jQuery.escapeSelector()
jQuery3
转义CSS选择器中特殊含义字符
jQuery 样式(CSS)
hasClass()
判断是否拥有某样式类
addClass()
添加样式类名
removeClass()
移除样式类
toggleClass()
如果存在(不存在)就删除(添加)一个类
css()
获取或设置CSS属性
jQuery 尺寸
width()
计算元素宽度值
height()
获取或设置元素的高度值
outerWidth()
获得元素的整体宽度
outerHeight()
获取或设置元素的外部高度
innerWidth()
获得或设置内部宽度
innerHeight()
获得或设置内部高度
jQuery 位置
position()
获取相对于父元素的坐标
offset()
获取或设置相对于文档的坐标
offsetParent()
获取含定位的祖先元素
scrollLeft()
获取或设置水平滚动条的位置
scrollTop()
获取或设置垂直滚动条位置
jQuery 数据
data()
存储或返回元素数据
removeData()
移除绑定的数据
jQuery.data()
储存数据并返回数据值
jQuery.removeData()
删除已存储的数据片段
jQuery.hasData()
判断是否有jQuery数据
jQuery 筛选方法
eq()
根据索引指定元素
first()
获取第一个元素
last()
获取最后一个元素
slice()
根据索引获得对象
map()
通过回调函数返回新对象
not()
从集合中移除指定的元素而返回新对象
filter()
根据表达式筛选而获得新对象
has()
筛选出后代元素返回新对象
is()
判断是否某对象
even()
jQuery3
只选择集合中偶数的元素
odd()
jQuery3
选择集合中奇数的元素
jQuery 各种遍历
each()
遍历对象执行迭代函数
contents()
获得匹配元素集合中每个元素的子元素
end()
终止并返回到以前状态
add()
添加新对象
addBack()
返回当前的元素与先前的元素的集合
jQuery 树遍历
siblings()
获得兄弟元素
next()
返回后面相邻的兄弟元素
nextAll()
返回后面所有的兄弟元素
nextUntil()
返回后面全部的兄弟元素并排除某元素
prev()
返回相邻的前面的兄弟元素
prevAll()
返回前面的全部兄弟元素
prevUntil()
返回前面的全部兄弟元素但排除某元素
children()
返回子元素
find()
找到指定的后代元素
parent()
返回父级元素
parents()
返回祖先元素
parentsUntil()
返回所有的父祖元素但排除某元素
closest()
返回匹配的祖先元素
jQuery 事件绑定
ready()
加载文档完毕后执行
on()
绑定事件处理函数
off()
移除事件处理函数
one()
绑定事件处理函数仅执行一次
trigger()
触发绑定的事件
triggerHandler()
触发仅手工绑定的事件处理函数
jQuery.proxy()
代理执行对象绑定的事件
jQuery 事件对象
event.target
触发事件的DOM元素
event.currentTarget
事件中的当前DOM元素
event.relatedTarget
事件中其他的DOM元素
event.data
传递给事件函数的数据
event.result
触发事件的最后返回值
event.timeStamp
返回触发事件的时间戳
event.preventDefault()
阻止事件的默认行为
event.isDefaultPrevented()
判断是否执行过preventDefault() 方法
event.stopPropagation()
防止事件冒泡到DOM树上
event.isPropagationStopped()
判断是否执行过stopPropagation()方法
event.stopImmediatePropagation()
阻止剩余的事件处理函数执行并防止事件冒泡到DOM树上
event.isImmediatePropagationStopped()
判断是否执行过stopImmediatePropagation()方法
event.namespace
触发事件时的命名空间
event.type
事件的性质
event.pageX
鼠标相对于文档的左边缘的位置
event.pageY
鼠标相对于文档的顶部的位置
event.which
监视键盘输入
event.metaKey
判断Meta键是否被按下
jQuery 浏览器事件
resize()
浏览器的尺寸改变时触发的函数
scroll()
鼠标滚动时候触发
jQuery 表单事件
blur()
失去焦点时触发
focus()
获得焦点时触发
change()
元素的值改变时触发
select()
文本选择时触发
submit()
提交表单时触发
focusin()
获得焦点时触发
focusout()
失去焦点时触发
jQuery 键盘事件
keydown()
按下键盘上的按键的时候触发
keyup()
释放键盘按键的时候触发
keypress()
连续使用按键时触发
jQuery 鼠标事件
click()
点击鼠标左键时触发
dblclick()
双击鼠标左键时触发
contextmenu()
点击鼠标右键时触发
hover()
鼠标悬停时触发
mouseenter()
鼠标进入元素时触发
mouseleave()
鼠标离开元素时触发
mousemove()
鼠标在元素内移动时触发
mouseover()
鼠标进入元素时触发(支持事件冒泡)
mouseout()
鼠标离开元素时触发(支持事件冒泡)
mousedown()
鼠标进入元素内按下按键时触发
mouseup()
鼠标进入元素内释放按键时触发
jQuery 基础效果
hide()
隐藏元素
show()
显示元素
toggle()
显示或隐藏元素
jQuery 渐变
fadeIn()
淡入
fadeOut()
淡出
fadeTo()
调整透明度
fadeToggle()
通过不透明度动画来显示或隐藏
jQuery 滑动
slideDown()
滑动动画显示
slideUp()
滑动动画隐藏
slideToggle()
滑动动画显示或隐藏元素
jQuery 自定义
animate()
执行自定义动画
delay()
延时迟执行队列
finish()
停止动画删除所有排队
stop()
停止运行的动画
jQuery.speed
创建属对象用于自定义动画
jQuery.fx.off
全局的禁用所有动画
jQuery 底层接口
jQuery.ajax()
执行异步的HTTP的请求
jQuery.ajaxTransport()
创建对象处理Ajax数据的传输
jQuery.ajaxSetup()
设置默认值
jQuery.ajaxPrefilter()
设置自定义Ajax选项
全局 Ajax 事件处理程序
ajaxSend()
在Ajax请求发送之前要执行的函数
ajaxStart()
在Ajax请求开始时要调用的处理程序
ajaxStop()
在Ajax请求完成后要调用的处理程序
ajaxComplete()
在Ajax请求完成时调用的处理程序
ajaxSuccess()
在Ajax请求完毕成功时要执行的处理函数
ajaxError()
在Ajax请求完成并出现错误时要调用的处理程序
Ajax辅助函数
serialize()
将表单元素编码为字符串
serializeArray()
将表单元素编码为名称和值的数组
jQuery.param()
Ajax快捷方法
jQuery.get()
GET方式加载数据
jQuery.getJSON()
GET方式加载JSON数据
jQuery.getScript()
GET方式加载JavaScript文件
jQuery.post()
POST方法加载数据
load()
加载HTML数据并放入元素中
jQuery 原型属性和方法
jQuery.ready
文档就绪对象
jQuery()
创建jQuery对象
jQuery.holdReady()
暂停或恢复ready()事件
jQuery.noConflict()
放弃控制$变量
jQuery.readyException()
jQuery3
jQuery抛出错误的时候触发
jquery
jQuery版本号
length
jQuery对象中元素的数量
jQuery.error()
显示错误消息
pushStack()
将DOM元素集合加入到jQuery栈
get()
得到DOM元素
index()
获得元素的索引值
toArray()
返回所有DOM元素的数组
jQuery 实用程序
queue()
显示或操作函数列队
dequeue()
执行队列的下一个函数
clearQueue()
移除未执行的项
jQuery.queue()
显示或操作已经执行的函数列队
jQuery.dequeue()
执行队列中的下一个函数
jQuery.contains()
检查DOM元素后代
jQuery.extend()
合并对象
jQuery.fn.extend()
将对象的内容合并到jQuery原型
jQuery.each()
通用迭代器函数
jQuery.isArray()
判断是否为数组
jQuery.inArray()
在数组中查找指定值并返回它的索引
jQuery.grep()
查找满足过滤函数的数组元素
jQuery.merge()
合并两个数组内
jQuery.map()
转换所有元素到另一个数组
jQuery.makeArray()
转换类似数组为真正的数组
jQuery.globalEval()
在全局上下文中执行JavaScript代码
jQuery.parseHTML()
解析字符串到DOM节点的数组中
jQuery.parseXML()
解析字符串到XML文档
jQuery.trim()
去掉字符串两端空格
jQuery.uniqueSort()
排序DOM元素的数组并除去重复项
jQuery.isEmptyObject()
判断是否为空
jQuery.isFunction()
判断是否为函数
jQuery.isPlainObject()
判断是否为对象
jQuery.isNumeric()
判断是否为数字
jQuery.isWindow()
判断是否为对象
jQuery.isXMLDoc()
判断是否为XML文档
jQuery.noop()
空函数
jQuery.htmlPrefilter()
修改过滤传递的HTML字符串
jQuery 回调对象callbacks
jQuery.Callbacks()
回调列表对象
callbacks.add()
添加回调
callbacks.fire()
调用回调
callbacks.fired()
判断是否调用过
callbacks.fireWith()
调用列表中的所有回调
callbacks.has()
判断是否绑定回调
callbacks.lock()
锁定回调列表
callbacks.locked()
判断是否已锁定回调列表
callbacks.empty()
删除列表中的所有回调
callbacks.remove()
删除指定的回调
jQuery 延迟对象deferred
jQuery.when()
延迟对象
jQuery.Deferred()
在构造函数返回之前调用的函数
deferred.state()
确定Deferred对象的当前状态
deferred.done()
当解决时调用的处理程序
deferred.fail()
当拒绝时调用的处理程序
deferred.catch()
jQuery3
当拒绝时调用的处理程序deferred.then( null, fn )的别名
deferred.notify()
根据参数调用进行中的处理程序
deferred.notifyWith()
根据上下文和参数调用进行中的处理程序
deferred.progress()
生成进度通知时调用的处理程序
deferred.promise()
返回Deferred的Promise子对象
deferred.reject()
根据参数调用拒绝的处理程序
deferred.rejectWith()
根据上下文和参数调用拒绝的处理程序
deferred.resolve()
根据参数调用解决的处理程序
deferred.resolveWith()
根据上下文和参数调用解决的处理程序
deferred.then()
当解决拒绝或进行中时调用处理程序
promise()
观察排队与否还是已经完成