jquery中文技術手冊

速查表 — Shawphy, 原作:G. Scott Olson

核心

jQuery 核心函數

• jQuery(expr, [context])

• jQuery(html, [ownerDoc])

• jQuery(html, props)

• jQuery(elements)

• jQuery()

• jQuery(callback)

jQuery 物件訪問

• each(callback)

• size()

• length

• selector

• context

• get()

• get(index)

• index(subject)

資料快取

• data([name] , [value])

• data(obj)

• removeData(name)

• $.data([el], [key], [val])

佇列控制

• queue(name ,[cb|queue])

• dequeue(name)

• clearQueue([queueName])

外掛程式機制

• jQuery.fn.extend(object)

• jQuery.extend(object)

多庫共存

• jQuery.noConflict([ex])

屬性

屬性

• • attr(name)

  • attr(properties)

  • attr(key, value)

  • attr(key, fn)

  • removeAttr(name)

CSS 類

• addClass(class | fn)

• removeClass([class | fn])

• toggleClass(class|fn [, sw])

 

HTML代碼/文字/值

• html( [val | fn] )

• text( [val | fn] )

• val( [val | fn | arr] )

CSS

CSS

• css(name)

• css(properties)

• css(name, value | fn)

 

位置

• offset([coordinates])

• position()

• scrollTop( [val] )

• scrollLeft( [val] )

尺寸

• height( [val] )

• width( [val] )

• innerHeight()

• innerWidth()

• outerHeight(options)

• outerWidth(options)

選取器

基本

• #id

• element

• .class

• *

• selector1,selector2,selectorN

層級

• ancestor descendant

• parent > child

• prev + next

• prev ~ siblings

基本

• :first

• :last

• :not

• :even

• :odd

• :eq

• :gt

• :lt

• :header

• :animated

內容

• :contains

• :empty

• :has

• :parent

可見性

• :hidden

• :visible

 

屬性

• [attribute]

• [attribute=value]

• [attribute!=value]

• [attribute^=value]

• [attribute$=value]

• [attribute*=value]

• [attrSel1][attrSel2][attrSelN]

子元素

• :nth-child

• :first-child

• :last-child

• :only-child

表單

• :input

• :text

• :password

• :radio

• :checkbox

• :submit

• :image

• :reset

• :button

• :file

• :hidden

 

表單物件屬性

• :enabled

• :disabled

• :checked

• :selected

文件處理

內定插入

• append(content | fn)

• appendTo(content)

• prepend(content | fn)

• prependTo(content)

 

外部插入

• after(content | fn)

• before(content | fn)

• insertAfter(content)

• insertBefore(content)

包裹

• wrap(html)

• wrap(elem)

• wrap(fn)

• unwrap()

• wrapAll(html)

• wrapAll(elem)

• wrapInner(html)

• wrapInner(elem)

• wrapInner(fn)

取代

• replaceWith(content)

• replaceAll(selector)

 

刪除

• empty()

• remove([expr])

• detach([expr])

 

複製

• clone()

• clone(true)

篩選

過濾

• eq(index)

• first()

• last()

• hasClass(class)

• filter(expr | fn)

• is(expr)

• map(callback)

• has(expr)

• not(expr)

• slice(start, [end])

搜尋

• children([expr])

• closest([expr])

• find(expr)

• next([expr])

• nextAll([expr])

• nextUntil([expr])

• offsetParent()

• parent([expr])

• parents([expr])

• parentsUntil([expr])

• prev([expr])

• prevAll([expr])

• prevUntil([expr])

• siblings([expr])

串聯

• add(expr, [context])

• andSelf()

• contents()

• end()

事件

頁面載入

• ready(fn)

事件處理

• bind(type, [data], fn)

• one(type, [data], fn)

• trigger(type, [data])

• triggerHandler(type, [data])

• unbind([type], [data])

事件委派

• live(type, [data], fn)

• die([type], [fn])

事件切換

• hover(over, out)

• toggle(fn, fn2, [fn3, fn4, …])

事件

• blur( [fn] )

• change( [fn] )

• click( [fn] )

• dblclick( [fn] )

• error( [fn] )

• focus( [fn] )

• focusin( [fn] )

• focusout( [fn] )

• keydown( [fn] )

• keypress( [fn] )

• keyup( [fn] )

• mousedown(fn)

• mousemove(fn)

• mouseout(fn)

• mouseover(fn)

• mouseup(fn)

• resize(fn)

• scroll(fn)

• select( [fn] )

• submit( [fn] )

• unload(fn)

效果

基本

• show()

• show(speed, [callback])

• hide()

• hide(speed, [callback])

• toggle()

• toggle(switch)

• toggle(speed, [callback])

滑動

• slideDown(speed, [callback])

• slideUp(speed, [callback])

• slideToggle(speed, [callback])

淡入淡出

• fadeIn(speed, [callback])

• fadeOut(speed, [callback])

• fadeTo(speed, opacity, [fn])

自訂

• animate(param,[dur],[e],[fn])

• animate(params, options)

• stop([clearQueue], [gotoEnd])

• delay(duration, [queueName])

設定

• jQuery.fx.off

Ajax

Ajax 請求

• $.ajax([options])

• load(url, [data], [callback])

• $.get(url, [data], [fn], [type])

• $.getJSON(url, [data], [fn])

• $.getScript(url, [callback])

• $.post(url, [data], [fn], [type])

Ajax 事件

• ajaxComplete(callback)

• ajaxError(callback)

• ajaxSend(callback)

• ajaxStart(callback)

• ajaxStop(callback)

• ajaxSuccess(callback)

其它

• $.ajaxSetup([options])

• serialize()

• serializeArray()

工具

瀏覽器及特性檢驗

• $.support

• $.browser

• $.browser.version

• $.boxModel

陣列和物件操作

• $.each(object, [callback])

• $.extend([d],tgt,obj1,[objN])

• $.grep(array, fn, [invert])

• $.makeArray(obj)

• $.map(array, callback)

• $.inArray(value, array)

• $.toArray()

• $.merge(first, second)

• $.unique(array)

• $.parseJSON(json)

函數操作

• $.noop

• $.proxy(function, scope)

測試操作

• $.contains(container, contained)

• $.isArray(obj)

• $.isFunction(obj)

• $.isEmptyObject(obj)

• $.isPlainObject(obj)

字串操作

• $.trim(str)

URL

• $.param(obj, [traditional])

外掛程式編寫

• $.error(message)