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