下载APP 编程狮,随时随地学编程
返回 首页

jQuery1.8.0帮助文档

开始阅读
手册说明:

jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery极大地简化了JavaScript编程。

学完本教程,进行实战练习才有效果哦:点击进入实战

jQuery特点

  • 代码精致小巧
  • 强大的功能函数
  • 跨浏览器
  • 链式的语法风格
  • 插件丰富

jQuery的发展及学习前的准备:

2006年1月,jQuery第一个版本发布,它以简洁、灵活的编程风格让人一见倾心。

jQuery发展至今, 更新了十几个新版本,w3cschool为您整理了《各版本JQuery.js合集》供您参考、下载使用。

jQuery已然成为当前非常流行的一个JavaScript框架,并且拥有很好的可扩展性,jQuery可以使您的工作变得更加简单。

在您开始学习 jQuery 之前,您应该对以下知识有基本的了解:

HTML 教程》 

CSS 教程

JavaScript 教程

除了本教程,您还可以在w3cschool上学习以下jQuery教程:

jQuery UI教程

jQuery教程

jQuery学习笔记

jQuery Mobile教程


目录
速查表
HTML5速查表
正则表达式速查表

核心

selector
context
jQuery(selector,[context])
get([index])
jQuery(html,[ownerDocument])
index([selector|element])
jQuery(callback)
data([key],[value])
jQuery.holdReady(hold)
jQuery.noConflict([extreme])
removeData([name|list])
each(callback)
jQuery.data(element,[key],[value])
size()
queue(element,[queueName])
length
dequeue([queueName])
clearQueue([queueName])

选择器

#id
element
.class
*
:first
selector1,selector2,selectorN
:last
ancestor descendant
:not(selector)
parent > child
:even
prev + next
:odd
prev ~ siblings
:eq(index)
:gt(index)
:lt(index)
:header
:animated
:focus
[attribute^=value]
:contains(text)
:password
[attribute$=value]
:empty
:radio
[attribute*=value]
:has(selector)
:checkbox
[selector1][selector2][selectorN]
:parent
:submit
:nth-child
:hidden
:image
:first-child
:visible
:reset
:last-child
[attribute]
:button
:only-child
[attribute=value]
:file
:input
[attribute!=value]
:enabled
:text
:disabled
:checked
:selected

CSS

scrollTop([val])
scrollLeft([val])
height([val|fn])
width([val|fn])
innerHeight()
innerWidth()
css(name|pro|[,val|fn])
outerHeight([options])
offset([coordinates])
outerWidth([options])
position()

Ajax

jQuery.ajax(url,[settings])
load(url,[data],[callback])
jQuery.get(url,[data],[callback],[type])
jQuery.ajaxSetup([options])
jQuery.getJSON(url,[data],[callback])
serialize()
jQuery.getScript(url,[callback])
serializeArray()
jQuery.post(url,[data],[callback],[type])
ajaxComplete(callback)
ajaxError(callback)
ajaxSend(callback)
ajaxStart(callback)
ajaxStop(callback)
ajaxSuccess(callback)

工具

jQuery.makeArray(obj)
jQuery.map(array, callback)
jQuery.inArray(val,arr,[from])
jQuery.support
jQuery.toArray()
jQuery.browser
jQuery.sub()
jQuery.browser.version
jQuery.when(deferreds)
jQuery.boxModel
jQuery.merge(first,second)
jQuery.each(object,[callback])
jQuery.unique(array)
jQuery.extend([deep],target,object1,[objectN])
jQuery.parseJSON(json)
jQuery.grep(array,callback,[invert])
jQuery.noop
jQuery.proxy(function,context)
jQuery.param(obj,[traditional])
jQuery.contains(container, contained)
jQuery.error(message)
jQuery.isArray(obj)
jQuery.isFunction(obj)
jQuery.isEmptyObject(obj)
jQuery.isPlainObject(obj)
jQuery.isWindow(obj)
jQuery.isNumeric(value)
jQuery.type(obj)
jQuery.trim(str)

筛选

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)
parentsUntil([exp|ele][,fil])
slice(start, [end])
prev([expr])
children([expr])
prevAll([expr])
closest(expr,[con]|obj|ele)
prevUntil([exp|ele][,fil])
find(expr|obj|ele)
siblings([expr])
next([expr])
add(expr|ele|html|obj[,con])
nextAll([expr])
andSelf()
nextUntil([exp|ele][,fil])
contents()
parent([expr])
end()
parents([expr])

事件

ready(fn)
on(events,[selector],[data],fn)
off(events,[selector],[fn])
hover([over,]out)
bind(type,[data],fn)
keypress([[data],fn])
toggle(fn, fn2, [fn3, fn4, ...])
one(type,[data],fn)
keyup([[data],fn])
blur([[data],fn])
trigger(type,[data])
mousedown([[data],fn])
change([[data],fn])
triggerHandler(type,[data])
mouseenter([[data],fn])
click([[data],fn])
unbind(type,[data|fn])
mouseleave([[data],fn])
dblclick([[data],fn])
live(type,[data],fn)
mousemove([[data],fn])
error([[data],fn])
die(type,[fn])
mouseout([[data],fn])
focus([[data],fn])
delegate(sel,[type],[data],fn)
mouseover([[data],fn])
focusout([data],fn)
undelegate([sel,[type],fn])
mouseup([[data],fn])
keydown([[data],fn])
resize([[data],fn])
scroll([[data],fn])
select([[data],fn])
submit([[data],fn])
unload([[data],fn])

属性

addClass(class|fn)
text([val|fn])
removeClass([class|fn])
val([val|fn|arr])
toggleClass(class|fn[,sw])
html([val|fn])
attr(name|pro|key,val|fn)
removeAttr(name)
prop(name|pro|key,val|fn)
removeProp(name)

效果

fadeOut([speed],[easing],[fn])
fadeTo([[speed],opacity,[easing],[fn]])
fadeToggle([speed,[easing],[fn]])
animate(param,[spe],[e],[fn])
show([speed,[easing],[fn]])
stop([cle],[jum])
hide([speed,[easing],[fn]])
delay(duration,[queueName])
slideDown([speed],[easing],[fn])
jQuery.fx.off
slideUp([speed,[easing],[fn]])
jQuery.fx.interval
slideToggle([speed],[easing],[fn])
fadeIn([speed],[easing],[fn])

文档处理

appendTo(content)
prepend(content|fn)
prependTo(content)
after(content|fn)
before(content|fn)
insertAfter(content)
insertBefore(content)
wrap(html|ele|fn)
unwrap()
append(content|fn)
wrapInner(html|ele|fn)
wrapAll(html|ele)
replaceWith(content|fn)
replaceAll(selector)
empty()
remove([expr])
detach([expr])
clone([Even[,deepEven]])

Deferred

def.done(donCal,[donCal])
def.fail(failCal)
def.isRejected()
def.isResolved()
def.reject(args)
def.rejectWith(context,[args])
def.resolve(args)
def.resolveWith(context,args)
def.then(doneCal,failCal)
def.progress([type],[target])
def.pipe([donFil],[faiFil],[proFil])
def.always(alwCal,[alwCal])
def.notify(args)
def.notifyWith(context,[args])
def.state()

Callbacks

callbacks.fire(arguments)
callbacks.fired()
callbacks.fireWith([context][,args])
callbacks.has(callback)
callbacks.lock()
callbacks.locked()
callbacks.remove(callbacks)
callbacks.add(callbacks)
jQuery.callbacks(flags)
callbacks.disable()
callbacks.empty()

关于

关于jQuery API 文档
提交bug及获取更新

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }