jquery大总结

来源:互联网 发布:以此为政,不亦惑乎翻译 编辑:程序博客网 时间:2024/06/05 19:45

部分组成

  1. 核心

    jquery核心函数

    • jquery([sel,[context]])
      例:$(“input:radio”,focument.forms[0])
    • jquery(html, [ownerDoc])
      例:$(“”)

    jquery对象访问

    • each(callback)
    • length
    • selector
    • context
    • get([index])
    • index([selector|element])

    数据缓存

    • data([key],[value])
    • removeData([name|list])

    队列控制

    • queue(e,[q])
    • dequeue([queueName])
    • clearQueue([queueName])

    插件机制

    • jQuery.fn.extend(object)
    • jQuery.extend(object)

    多库共存

    • jQuery.noConflict([ex])
  2. 选择器

    基本

    • #(id)
    • element
    • *
    • selector1, selector2, selectorN

    层级

    • ancestor descendant
    • parent > child
    • prev + next
    • prev ~ siblings

    基本筛选器

    • :first
    • :not(selector)
    • :even
    • :odd
    • :eq(index)
    • :gt(index)
    • :lang
    • :last
    • :lt(index)
    • :header
    • :animated
    • :focus
    • :root
    • :target

    内容

    • :contains(text)
    • :empty
    • :has(selector)
    • :parent

    可见性

    • :hidden
    • :visible

    属性

    • [attribute]
    • [attribute=value]
    • [attribute!=value]
    • [attribute^=value]
    • [attribute*=value]
    • [attrSel1][attrSel2][attrSelN]

    子元素

    • :first-child
    • :first-of-type
    • :last-child
    • :last-of-type
    • :nth-child(n)
    • :nth-last-child(n|even|odd|formula)
    • :nth-last-of-type(n|even|odd|formula)
    • :nth-of-type(n|even|odd|formula)
    • :only-child
    • :only-of-type

    表单

    • :input
    • :text
    • :password
    • :radio
    • :checkbox
    • :submit
    • :image
    • :reset
    • :button
    • :file

    表单对象属性

    • :enabled
    • :disabled
    • :checked
    • :selected

    混淆选择器

    • $.escapeSelector(selector)
  3. ajax

    ajax请求

    • $.ajax(url,[settings])
    • load(url,[data],[callback])
    • $.get(url,[data],[callback],[type])
    • $.getJSON(url,[data],[callback])
    • $.getScript(url,[callback])
    • $.post(url,[data],[callback],type)

    ajax事件

    • ajaxComplete(callback)
    • ajaxError(callback)
    • ajaxSend(callback)
    • ajaxStart(callback)
    • ajaxStop(callback)
    • ajaxSuccess(callback)

    其他

    • $.ajaxPrefilter([datatype],handler(options,originalOptions,jqXHR))
    • $.ajaxSetup([options])
    • serialize()
    • serizlizeArray()
  4. 属性

    属性

    • attr(name|prop|key,val|callback)
    • removeAttr(name)
    • prop(name|properies|key,value|callback)
    • removeProp(name)

    css类

    • addClass(class|callback)
    • removeClass(class|callback)
    • toggleClass(class|fn)

    HTML代码/文本/值

    • html([val|fn])
    • text([val|fn])
    • val([val|fn|arr])
  5. css

    css

    • css(name|pro|[,val|fn])
    • jQuery.cssHooks

    位置

    • offset([coordinates])
    • position()
    • scrollTop([val])
    • scrollLeft([val])

    尺寸

    • height([val|fn])
    • width([val|fn])
    • innerHeight()
    • innerWidth()
    • outerHeight([options])
    • outerWidth([options])
  6. 文档处理

    内部插入

    • append(content|fn)
    • appendTo(content)
    • prepend(content|fn)
    • prependTo(content)

    外部插入

    • after(content|fn)
    • before(content|fn)
    • insertAfter(content)
    • insertBefore(content)

    包裹

    • wrap(html|element|fn)
    • unwrap()
    • wrapAll(html|element)
    • wrapInner(html|element|fn)

    替换

    • replaceWith(content|fn)
    • replaceAll(html|element)

    删除

    • empty()
    • remove([expr])
    • detach([expr])

    复制

    • clone(Event[,deepEvent])
  7. 筛选

    过滤

    • eq(index|-index)
    • first()
    • last()
    • hasClass(class)
    • filter(expr|object|element|fn)
    • is(expr|object|element|fn)
    • map(callback)
    • has(expr|ele)
    • not(expr|ele|fn)
    • slice(start,[end])

    查找

    • children([expr])
    • closest(expr|object|element)
    • find(element|object|element)
    • next([expr])
    • nextAll([expr])
    • nextUntil([expr|element][,filter])
    • offsetParent()
    • parent([expr])
    • parents([expr])
    • parentsUntil([element][,fn])
    • prev([expr])
    • prevall([expr])
    • prvallUntil([element][,fn])
    • siblings([expr])

    串联

    • add(element)
    • addBack()
    • contents()
    • end()
  8. 事件

    页面载入

    • ready(fn)

    事件处理

    • on(events,[selector],[data],fn)
    • off(events,[selector],[fn])
    • one(type,[data],fn)
    • trigger(type,[data])
    • triggerHandler(type,[data])

    事件委派

    事件切换

    • hover([over,]out)
    • toggle([speed],[easing],[fn])

    事件

    • blur([[data],fn])
    • change([data],fn)
    • click([data],fn)
    • dbclick([data],fn)
    • error([[data],fn])
    • focus([[data],fn])
    • focusin([data],fn)
    • focusout([data],fn)
    • keydown([[data],fn])
    • keypress([[data],fn])
    • mousedown([[data],fn])
    • mouseenter([[data],fn])
    • mouseleave([[data],fn])
    • mousemove([[data],fn])
    • mouseout([[data],fn])
    • mouseover([[data],fn])
    • mouseup([[data],fn])
    • resize([[data],fn])
    • scroll([[data],fn])
    • select([[data],fn])
    • submit([[data],fn])
    • unload([[data],fn])
  9. 效果

    基本

    • show([speed,[easing],[fn]])
    • hide([speed,[easing],[fn]])

    滑动

    • slideDown([speed],[easing],[fn])
    • slideUp([speed],[easing],[fn])
    • slideToggle([speed],[easing],[fn])

    淡入淡出

    • fadeIn([speed],[easing],[fn])
    • fadeOut([speed],[easing],[fn])
    • fadeTo([speed],opacity,[easing],[fn])
    • fadeToggle([speed],[easing],[fn])

    自定义

    • animate(params,[speed],[easing],[fn])
    • stop([clearQueue],[jumpToEnd])
    • delay(duration,[queueName])
    • finish([queue])

    设置

    • jQuery.fx.off
    • jQuery.fx.interval
  10. 工具

    浏览器及特性检测

    • $.support
    • $.browser.version

    数组和对象操作

    • $.each(object,[callback])
    • $.extend([deep],target,object1,[objectN])
    • $.grep(array,fn,[invert])
    • $.when(deferreds)
    • $.makeArray(obj)
    • $.map(arr|obj,callback)
    • $.inArray(value,array,[fromIndex])
    • $.toArray()
    • $.merge(first,second)
    • $.uniqueSort(array)
    • $.parseXML(data)
    • $.noop
    • $.proxy(function,context)

    测试操作

    • $.contains(container,contained)
    • $.type(obj)
    • $.isFunction(obj)
    • $.isEmptyObject(obj)
    • $.isPlainObject(obj)
    • $.isWindow(obj)
    • $.isNumberic()

    字符串操作

    • $.trim(str)

    URL

    • $.param(obj,[traditional])

    插件编写

    • $.error(message)
    • $.fn.jquery
  11. 事件对象

    • eve.currentTarget
    • eve.data
    • eve.delegateTarget
    • eve.isDefaultPrevented()
    • eve.isImmediatePropagationStopped()
    • eve.isPropagationStopped()
    • eve.namespace
    • eve.pageX
    • eve.pageY
    • eve.preventDefault
    • eve.relatedTarget
    • eve.result
    • eve.stopImmediatePropagation()
    • eve.stopPropagation()
    • eve.target
    • eve.timeStamp
    • eve.type
    • eve.which
  12. 延迟对象

    • def.done(doneCallbacks[,doneCallbacks])
    • def.fail(failCallbacks[,failCallbacks])
    • def.reject(args)
    • def.refectWith()
    • def.resolve(context,[args])
    • def.resolveWith(context,[args])
    • def.promise([type],[target])
    • def.always(alwaysCallbacks,[alwaysCallbacks])
    • def.notify(args)
    • def.notifyWith(context,[args])
    • def.progress(progressCallbacks)
    • def.state()
  13. 回调函数

    • callbacks.add(callbacks)
    • callbacks.disable()
    • callbacks.empty()
    • callbacks.fire(arguments)
    • callbacks.fired()
    • callbacks.fireWith([context][,args])
    • callbacks.has(callback)
    • callbacks.lock()
    • callbacks.locked()
    • callbacks.remove(callbacks)
    • $.callbacks(flags)
  14. 其他

      -

备注:
参考资源

原创粉丝点击