jQuey基础(一)

jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（ 或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。

jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。

JQuery基本功能

1.访问和操作DOM元素
  使用JQuery库,可以很方便地获取和修改页面中的某元素,无论是删除,移动还是复制某元素,JQuery都提供了一整套方便,快捷的方法,既减少了代码的编写,又大大提高了用户对页面的体验度.
2.控制页面样式
  通过引入JQuery,程序开发人员可以很便捷地控制页面的CSS文件,浏览器对页面文件的兼容性,一直以来都是页面开发者最为头痛的事,而使用JQuery操作页面的样式却可以很好地兼容各种浏览器.
3.对页面事件的处理
  引入JQuery库后,可以使页面的表现层与功能开发分享,开发者更多地专注于程序的逻辑与功效,页面设计者侧重于页面的优化与用户体验.
4.大量插件在页面中的运用
  在引入JQuery库后,还可以使用大量的插件来完善页面的功能和效果,如表单插件,UI插件,这些插件的使用极大地丰富了页的展示效果,使原来使用Javascript代码遥不可及的功能通过插件的引入而轻松地实现.
5.与Ajax技术的完美结合
  Ajax的异步读取服务器数据的方法,极大地方便了程序的开发,加深了用户的页面体验度,而引入了JQuery库后,不仅仅完善了的原有的功能,而且减少了代码的书写,通过其内部对象或函数,加上几行代码就可以实现复杂的功能.

jQuey在线手册

http://hemin.cn/jq/index.html

核心

• jQuery 核心函数

  • jQuery([sel,[context]])
  • jQuery(html,[ownerDoc])^1.8*
  • jQuery(callback)
  • jQuery.holdReady(hold)

• jQuery 对象访问

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

• 数据缓存

  • data([key],[value])
  • removeData([name|list])^1.7*
  • $.data(ele,[key],[val])^1.8-

• 队列控制

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

• 插件机制

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

• 多库共存

  • jQuery.noConflict([ex])

属性

• 属性

  • attr(name|pro|key,val|fn)
  • removeAttr(name)
  • prop(n|p|k,v|f)
  • removeProp(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|pro|[,val|fn])^1.9*
  • jQuery.cssHooks

• 位置

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

• 尺寸

  • height([val|fn])
  • width([val|fn])
  • innerHeight()
  • innerWidth()
  • outerHeight([soptions])
  • outerWidth([options])

选择器

• 基本

  • #id
  • element
  • .class
  • *
  • selector1,selector2,selectorN

• 层级

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

• 基本

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

• 内容

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

• 可见性

  • :hidden
  • :visible

• 属性

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

• 子元素

  • :first-child
  • :first-of-type^1.9+
  • :last-child
  • :last-of-type^1.9+
  • :nth-child
  • :nth-last-child()^1.9+
  • :nth-last-of-type()^1.9+
  • :nth-of-type()^1.9+
  • :only-child
  • :only-of-type^1.9+

• 表单

  • :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|ele|fn)
  • unwrap()
  • wrapAll(html|ele)
  • wrapInner(html|ele|fn)

• 替换

  • replaceWith(content|fn)
  • replaceAll(selector)

• 删除

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

• 复制

  • clone([Even[,deepEven]])

筛选

• 过滤

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

• 查找

  • children([expr])
  • closest(e|o|e)^1.7*
  • find(e|o|e)
  • next([expr])
  • nextall([expr])
  • nextUntil([e|e][,f])
  • offsetParent()
  • parent([expr])
  • parents([expr])
  • parentsUntil([e|e][,f])
  • prev([expr])
  • prevall([expr])
  • prevUntil([e|e][,f])
  • siblings([expr])

• 串联

  • add(e|e|h|o[,c])^1.9*
  • andSelf()^1.8-
  • addBack()^1.9+
  • contents()
  • end()

事件

• 页面载入

  • ready(fn)

• 事件处理

  • on(eve,[sel],[data],fn)^1.7+
  • off(eve,[sel],[fn])^1.7+
  • bind(type,[data],fn)
  • one(type,[data],fn)
  • trigger(type,[data])
  • triggerHandler(type, [data])
  • unbind(t,[d|f])

• 事件委派

  • live(type,[data],fn)^1.7-
  • die(type,[fn])^1.7-
  • delegate(s,[t],[d],fn)
  • undelegate([s,[t],fn])

• 事件切换

  • hover([over,]out)
  • toggle([spe],[eas],[fn])^1.9-

• 事件

  • blur([[data],fn])
  • change([[data],fn])
  • click([[data],fn])
  • dblclick([[data],fn])
  • error([[data],fn])
  • focus([[data],fn])
  • focusin([data],fn)
  • focusout([data],fn)
  • keydown([[data],fn])
  • keypress([[data],fn])
  • keyup([[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])

效果

• 基本

  • show([s,[e],[fn]])
  • hide([s,[e],[fn]])

• 滑动

  • slideDown([s],[e],[fn])
  • slideUp([s,[e],[fn]])
  • slideToggle([s],[e],[fn])

• 淡入淡出

  • fadeIn([s],[e],[fn])
  • fadeOut([s],[e],[fn])
  • fadeTo([[s],o,[e],[fn]])
  • fadeToggle([s,[e],[fn]])

• 自定义

  • animate(p,[s],[e],[fn])^1.8*
  • stop([c],[j])^1.7*
  • delay(d,[q])
  • finish([queue])^1.9+

• 设置

  • jQuery.fx.off
  • jQuery.fx.interval

ajax

• ajax 请求

  • $.ajax(url,[settings])
  • 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)

• 其它

  • $.ajaxPrefilter([type],fn)
  • $.ajaxSetup([options])
  • serialize()
  • serializearray()

工具

• 浏览器及特性检测

  • $.support
  • $.browser^1.9-
  • $.browser.version
  • $.boxModel

• 数组和对象操作

  • $.each(object,[callback])
  • $.extend([d],tgt,obj1,[objN])
  • $.grep(array,fn,[invert])
  • $.sub()^1.9-
  • $.when(deferreds)
  • $.makeArray(obj)
  • $.map(arr|obj,callback)
  • $.inArray(val,arr,[from])
  • $.toArray()
  • $.merge(first,second)
  • $.unique(array)
  • $.parseJSON(json)
  • $.parseXML(data)

• 函数操作

  • $.noop
  • $.proxy(function,context)

• 测试操作

  • $.contains(c,c)
  • $.type(obj)
  • $.isarray(obj)
  • $.isFunction(obj)
  • $.isEmptyObject(obj)
  • $.isPlainObject(obj)
  • $.isWindow(obj)
  • $.isNumeric(value)^1.7+

• 字符串操作

  • $.trim(str)

• URL

  • $.param(obj,[traditional])

• 插件编写

  • $.error(message)
  • $.fn.jquery

事件对象

• eve.currentTarget
• eve.data
• eve.delegateTarget^1.7+
• eve.isDefaultPrevented()
• eve.isImmediatePropag...()
• eve.isPropagationStopped()
• eve.namespace
• eve.pageX
• eve.pageY
• eve.preventDefault()
• eve.relatedTarget
• eve.result
• eve.stopImmediatePro...()
• eve.stopPropagation()
• eve.target
• eve.timeStamp
• eve.type
• eve.which

延迟对象

• def.done(d,[d])
• def.fail(failCallbacks)
• def.isRejected()^1.7-
• def.isResolved()^1.7-
• def.reject(args)
• def.rejectWith(c,[a])
• def.resolve(args)
• def.resolveWith(c,[a])
• def.then(d[,f][,p])^1.8*
• def.promise([ty],[ta])
• def.pipe([d],[f],[p])^1.8-
• def.always(al,[al])
• def.notify(args)^1.7+
• def.notifyWith(c,[a])^1.7+
• def.progress(proCal)^1.7+
• def.state()^1.7+

回调函数

• cal.add(callbacks)^1.7+
• cal.disable()^1.7+
• cal.empty()^1.7+
• cal.fire(arguments)^1.7+
• cal.fired()^1.7+
• cal.fireWith([c] [,a])^1.7+
• cal.has(callback)^1.7+
• cal.lock()^1.7+
• cal.locked()^1.7+
• cal.remove(callbacks)^1.7+
• $.callbacks(flags)^1.7+

关于

• 关于此jQuery中文文档
• 提交bug及获取更新

其它

• 正则表达式

Copyright © hemin 2012-2015. All right reserved.

参考资料：

http://learn.jquery.com/about-jquery/

http://api.jqueryui.com/

http://baike.baidu.com/link?url=xqfxkRQREdXIH7dfRBn_AGrJESEhPk5w6bj9aSP7_fSZAs-kXwEI7HXrnZ1BGlkSTSQt9Ay-k2rxCb-4hOXZKq

http://www.djjwz.com/news/news3132.html

以上为互联网资料整理