JQuery

jQuery 选择器

基本选择器

层级选择器

过滤选择器

内容选择器

可见性选择器

属性选择器

子元素选择器

表单选择器

表单对象选择器

jQuery筛选

过滤

• eq()
• first()
• last()
• not()
• filter()
• has()
• is()
• hasClass()
• map(fn)

查找(破坏性操纵)

• parent()
• parents()
• parentsUntil()
• colsest()
• children()
• find()
• next()
• nextAll()
• nextUntil()
• prev()
• prevAll()
• prevUntil()
• siblings()

串联

• contents()
• add()
• addBack()
• end()

属性的操作

方法

• prop()
• removeProp()
• attr()
• removeAttr()

CSS类的操作

• addClass
• removeClass()
• toggleClass()
• hasClass()

html/文本/值

• html()
• text()
• val()

css操作

方法

• css()

尺寸

• width() / height()
• innerWidth() / innerHeight()
• outerWidth() / outerHeight()

位置

• offset()
• position()
• scrollLeft()
• scrollTop()

文档操作

内部插入

• append()
• appendTo()
• prepend()
• prependTo()

外部插入

• after()
• insertAfter()
• before()
• insertBefore()

包裹操作

• wrap()
• wrapAll()
• wrapInner()
• unwrap()

替换操作

• replaceWith()
• replaceAll()

删除操作

• remove()
• empty()

克隆

• clone()

事件

事件的绑定

• 事件名(fn)
• bind("事件名", fn)
• on("事件名", fn)
• one("事件名, fn)

解除事件绑定

• unbind()
• off()

事件委派

• delegate("选择器", "事件", fn)
• on("事件", "选择器", fn)

事件的自动触发

• trigger()
• triggerHandler()

事件列表

• ready()
• hover()
• mouseenter
• mouseleave
• focusin
• focusout
• .....

事件对象

• clientX
• clientY
• keyCode
• stopPropagation()
• preventDefult()

效果

基本 (width/height/opacity)

• show()
• hide()
• toggle()

滑动滑出 (height)

• slideUp() 隐藏
• slideDown() 显示
• slideToggle()

淡入淡出

• fadeOut() 隐藏
• fadeIn() 显示
• fadeToggle()
• fadeTo()

自定义动画

• animate(params, speed, easing, fn)

动画操作

• stop()
• finish()
• delay() 延迟

工具

浏览器

• $.support

对象和属性操作

• $.each()
• $.extend()

核心

jQueryDOM 方法

• each()
• size()
• length