jquery中有很多API事件。本文编译了jquery中最重要的API函数。

我们对这篇文章进行了整理，主要和读者分享了一些主要的jQuery API，包括jQuery核心函数和方法、jQuery属性参考手册、jQuery CSS操作、jQuery选择器、jQuery文档操作、jQuery过滤操作、jQuery事件方法、jQuery效果、jQuery Ajax操作、jQuery工具函数、jQuery事件对象、jQuery延迟对象和jQuery回调函数。欢迎收藏使用。

jquery核心函数

功能描述

jQuery()函数接收包含CSS选择器的字符串，然后使用该字符串匹配一组元素。

JQuery()1.8*根据提供的原始HTML标签字符串，动态创建JQuery对象包装的DOM元素。设置一系列属性、事件等。同时。

JQuery () $(文档)。ready()的缩写。

JQuery.holdReady()1.6挂起或恢复。ready()事件。

Each()以每个匹配的元素作为上下文执行一个函数。

size()jQuery对象中元素的数量。

jQuery对象中元素的数量。

选择器返回传递给jQuery()的原始选择器。

Context返回传递给jQuery()的原始DOM节点内容，即jQuery()的第二个参数。如果未指定，则上下文指向当前文档。

Get()获取匹配元素之一。Num表示获得了哪个匹配元素。

Index()搜索匹配的元素并返回相应元素的索引值，从0开始计数。

Data()在元素上存储数据，并返回一个jQuery对象。

RemoveData()1.7*删除元素中存储的数据。

Queue()显示或操作在匹配元素上执行的函数queue。

Dequeue()从队列前面删除一个队列函数并执行它。

ClearQueue()清除尚未在对象上执行的所有队列。

JQuery.fn.extend()扩展了JQuery元素集以提供新方法(通常用于制作插件)。

JQuery.extend()扩展了JQuery对象本身。

JQuery.noConflict()运行这个函数将变量$的控制权转移给第一个实现它的库。

jQuery属性

功能描述

Attr()设置或返回所选元素的属性值。

RemoveAttr()从每个匹配元素中删除一个属性。

Prop()1.6获取匹配元素集合中第一个元素的属性值。

RemoveProp()1.6用于删除由。prop()方法。

AddClass()为每个匹配的元素添加指定的类名。

RemoveClass()从所有匹配的元素中删除所有或指定的类。

ToggleClass()删除(添加)一个存在(不存在)的类。

Html()获取第一个匹配元素的html内容。该函数不能在XML文档中使用。但是可以在XHTML文档中使用。

Text()获取所有匹配元素的内容。

Val()获取匹配元素的当前值。

jQuery CSS操作

下面列出的方法设置或返回元素的CSS相关属性。

功能描述

Css()1.9*访问匹配元素的样式属性。

JQuery.cssHooks直接向JQuery添加挂钩，这些挂钩用于在设置或获取特定CSS属性时覆盖方法。目的是标准化CSS属性名或创建自定义属性。

Offset()获取当前视口中匹配元素的相对偏移量。

Position()获取匹配元素相对于父元素的偏移量。

ScrollTop()从滚动条顶部获取匹配元素的偏移量。

ScrollLeft()从滚动条的左侧获取匹配元素的偏移量。

Heigh()获取匹配元素的当前计算高度值(px)。

Width()获取第一个匹配元素的当前计算宽度值(px)。

InnerHeight()获取第一个匹配元素的内部区域的高度(包括内部边距，不包括边框)。

InnerWidth()获取第一个匹配元素的内部区域的宽度(包括内部边距，不包括边框)。

OuterHeight()获取第一个匹配元素外部高度(默认情况下包括内部边距和边框)。

OuterWidth()获取第一个匹配元素外部宽度(默认情况下包括内部边距和边框)。

jQuery选择器

功能描述

#id

元素。班级

*

选择器1，选择器2，选择器1

祖先后代

父母子女

上一页下一页

上一个~兄弟姐妹

:首先

:不是()

:偶数

:奇数

:等式()

:gt()

:语言1.9

:最后一个

:lt()

:标题

:动画

:焦点1.6

:root1.9

目标1.9

:包含()

:空的

:有()

:父

:隐藏

:可见

[属性]

[属性=值]

【属性！=值]

[attribute^=value]

[属性$=值]

[属性*=值]

[律师1][律师2][律师1]

:第一个孩子

:首款1.9

:最后一个孩子

:最新类型1.9

:第n个孩子

:n-last-child()1.9

:n-last-of-type()1.9

:第n种类型()1.9

:独生子女

:仅类型1.9

:输入

:文本

:密码

:收音机

:复选框

:提交

:图像

:重置

:按钮

:文件

:隐藏

:已启用

:已禁用

:已检查

:已选择

jQuery文档操作

功能描述

Append()在每个匹配的元素中追加内容。

AppendTo()将所有匹配的元素追加到另一个指定的元素集。

Prepend()在每个匹配的元素前添加内容。

将所有匹配的元素添加到另一个指定的元素集合中。

After()在每个匹配的元素后插入内容。

Before()在每个匹配的元素之前插入内容。

InsertAfter()将所有匹配的元素插入到另一个指定的element元素集中。

InsertBefore()将所有匹配的元素插入到另一个指定的元素元素集的前面。

Wrap()用其他元素的结构标签包装所有匹配的元素。

Unwrap()该方法将移出元素的父元素。

Wrapall()将所有匹配的元素包装在一个元素中。

WrapInner()将每个匹配元素的子内容(包括文本节点)包装在一个HTML结构中。

ReplaceWith()用指定的HTML或DOM元素替换所有匹配的元素。

ReplaceAll()用匹配的元素替换选择器匹配的所有元素。

Empty()删除匹配元素集中的所有子节点。

Remove()从DOM中移除所有匹配的元素。

Detach()从DOM中删除所有匹配的元素。

Clone()克隆匹配的DOM元素并选择这些克隆的副本。

jQuery筛选操作

功能描述

Eq()获取第n个元素。

First()获取第一个元素

Last()获取最后一个元素

HasClass()检查当前元素是否包含特定的类，如果包含，则返回true。

Filter()过滤出与指定表达式匹配的元素集。

Is()1.6*根据选择器、DOM元素或jQuery对象检测匹配的元素集，如果其中至少有一个符合这个给定的表达式，则返回true。

Map()将一组元素转换成其他数组(无论它是否是元素数组)

Has()保留包含特定后代的元素，删除不包含后代的元素。

Not()删除与指定表达式匹配的元素

Slice()选择一个匹配的子集

Children()获取一个元素集，其中包含匹配元素集中每个元素的所有子元素。

Closest()1.7*从元素本身开始，逐步匹配父元素，返回第一个匹配的元素。

Find()1.6*搜索与指定表达式匹配的所有元素。这个函数是找出正在处理的元素的后代的好方法。

Next()获取一个元素集，该元素集包含匹配元素集中每个元素的下一个兄弟元素。

Next()查找当前元素之后的所有对等元素。

NextUntil()1.6*查找当前元素之后的所有对等元素，直到遇到匹配的那个。

OffsetParent()返回第一个匹配元素所在的父节点。

Parent()获取包含所有匹配元素的唯一父元素的元素集。

Parents()获取一个元素集，该元素集包含匹配元素的所有祖先元素(不包括根元素)。您可以通过可选表达式进行筛选。

parents til()1.6 * *查找当前元素的所有父元素，直到遇到匹配的元素。

Prev()获取一个元素集，该元素集包含匹配元素集中每个元素的前一个兄弟元素。

Prevall()查找当前元素之前的所有对等元素。

PrevUntil()1.6* *查找当前元素之前的所有对等元素，直到遇到匹配的元素。

Siblings()获取一个元素集，该元素集包含匹配元素集中每个元素的所有唯一对等元素。您可以使用可选表达式进行筛选。

Add()将与表达式匹配的元素添加到jQuery对象中。这个函数可以用来连接分别匹配两个表达式的元素的结果集。

并将Self()添加到先前选择的添加到当前元素中

Contents()查找匹配元素中的所有子节点(包括文本节点)。如果元素是iframe，则查找文档内容。

End()返回到最后一次“破坏性”操作之前。也就是说，匹配的元素列表被改变到先前的状态。

jQuery筛选操作

功能描述

Eq()获取第n个元素。

First()获取第一个元素

Last()获取最后一个元素

HasClass()检查当前元素是否包含特定的类，如果包含，则返回true。

Filter()过滤出与指定表达式匹配的元素集。

Is()1.6*根据选择器、DOM元素或jQuery对象检测匹配的元素集，如果其中至少有一个符合这个给定的表达式，则返回true。

Map()将一组元素转换成其他数组(无论它是否是元素数组)

Has()保留包含特定后代的元素，删除不包含后代的元素。

Not()删除与指定表达式匹配的元素

Slice()选择一个匹配的子集

Children()获取一个元素集，其中包含匹配元素集中每个元素的所有子元素。

Closest()1.7*从元素本身开始，逐步匹配父元素，返回第一个匹配的元素。

Find()1.6*搜索与指定表达式匹配的所有元素。这个函数是找出正在处理的元素的后代的好方法。

Next()获取一个元素集，该元素集包含匹配元素集中每个元素的下一个兄弟元素。

Next()查找当前元素之后的所有对等元素。

NextUntil()1.6*查找当前元素之后的所有对等元素，直到遇到匹配的那个。

OffsetParent()返回第一个匹配元素所在的父节点。

Parent()获取包含所有匹配元素的唯一父元素的元素集。

Parents()获取一个元素集，该元素集包含匹配元素的所有祖先元素(不包括根元素)。您可以通过可选表达式进行筛选。

parents til()1.6 * *查找当前元素的所有父元素，直到遇到匹配的元素。

Prev()获取一个元素集，该元素集包含匹配元素集中每个元素的前一个兄弟元素。

Prevall()查找当前元素之前的所有对等元素。

PrevUntil()1.6* *查找当前元素之前的所有对等元素，直到遇到匹配的元素。

Siblings()获取一个元素集，该元素集包含匹配元素集中每个元素的所有唯一对等元素。您可以使用可选表达式进行筛选。

Add()将与表达式匹配的元素添加到jQuery对象中。这个函数可以用来连接分别匹配两个表达式的元素的结果集。

并将Self()添加到先前选择的添加到当前元素中

Contents()查找匹配元素中的所有子节点(包括文本节点)。如果元素是iframe，则查找文档内容。

End()返回到最后一次“破坏性”操作之前。也就是说，匹配的元素列表被改变到先前的状态。

jQuery事件方法

功能描述

Ready()绑定了一个函数，当DOM被加载并准备好被查询和操作时，这个函数将被执行。

On()1.7在所选元素上绑定一个或多个事件的事件处理程序。

Off()1.7事件处理程序，移除所选元素上的一个或多个事件。

Bind()为每个匹配元素的特定事件绑定事件处理函数。

One()为每个匹配元素的特定事件(如click)绑定一个一次性事件处理程序。

Trigger()在每个匹配的元素上触发某种事件。

TriggerHandler()是一个特殊的方法，将触发指定事件类型上的所有绑定处理程序。但是，不会执行浏览器的默认操作，也不会发生事件冒泡。

unbind() bind()的反向操作从每个匹配的元素中删除绑定的事件。

Live()1.7- jQuery为所有匹配的元素附加一个事件处理函数，即使这个元素是后来添加的。

Die()1.7-删除以前绑定的所有事件。来自元素的live()。(这个方法和live正好相反。)

delegate()指定的元素(所选元素的子元素)添加一个或多个事件处理程序，并指定这些事件发生时要运行的函数。

Undelegate()1.6*删除delegate()方法添加的一个或多个事件处理程序。

Hover()是一种模拟悬停事件的方法(鼠标移过和移出一个对象)。

Toggle()用于绑定两个或多个事件处理函数，依次响应选中元素的click事件。

当元素失去焦点时，Blur()触发blur事件。

Change()当元素的值改变时，change事件发生。

Click()触发每个匹配元素的click事件。

Dblclick()双击元素时，会发生dblclick事件。

Error()当元素遇到错误(未正确加载)时，会发生error事件。

当元素获得焦点时，Focus()触发焦点事件。

当元素获得焦点时，Focusin()触发focusin事件。

当元素失去焦点时，Focusout()触发focusout事件。

Keydown()当按下键盘或按钮时发生keydown事件。

Keypress()当按下键盘或按钮时，发生keypress事件。

Keyup()释放按钮时发生keyup事件。它发生在当前获得焦点的元素上。

Mousedown()当鼠标指针移到元素上并按下鼠标按钮时，发生mousedown事件。

Mouseenter()当鼠标指针穿过元素时发生mouseenter事件。大多数情况下，该事件将与mouseleave事件一起使用。

Mouseleave()当鼠标指针离开元素时发生mouseleave事件。大多数情况下，该事件将与mouseenter事件一起使用。

Mousemove()当鼠标指针在指定元素中移动时，发生mousemove事件。

Mouseout()当鼠标指针离开元素时发生mouseout事件。

Mouseover()当鼠标指针位于元素上时，发生mouseover事件。

Mouseup()当鼠标按钮在元素上松开时，发生mouseup事件。

Resize()调整浏览器窗口大小时发生resize事件。

Scroll()当用户滚动指定的元素时，将发生scroll事件。

Select()当选择textarea或text type的input元素中的文本时，将发生select事件。

Submit()提交表单时会发生submit事件。

Unload()当用户离开页面时，会发生unload事件。

jQuery效果

功能描述

Show()显示隐藏的匹配元素。

Hide()隐藏显示的元素

Toggle()用于绑定两个或多个事件处理函数，依次响应选中元素的click事件。

SlideDown()通过改变高度(向下递增)动态显示所有匹配的元素，并在显示完成后可选地触发一个回调函数。

SlideUp()通过改变高度(向上递减)动态隐藏所有匹配的元素，并在隐藏完成后可选地触发一个回调函数。

SlideToggle()通过高度变化来切换所有匹配元素的可见性，并在切换完成后可选地触发一个回调函数。

FadeIn()通过不透明度的变化实现所有匹配元素的淡入效果，并在动画完成后可选触发一个回调函数。

FadeOut()通过不透明度的变化实现所有匹配元素的淡出效果，并在动画完成后可选触发一个回调函数。

FadeTo()将所有匹配元素的不透明度逐渐调整到指定的不透明度，并在动画完成后选择性地触发一个回调函数。

FadeToggle()通过不透明度的变化切换所有匹配元素的淡入淡出效果，动画完成后可选触发一个回调函数。

Animate()1.8*函数用于创建自定义动画。

Stop()1.7*停止在指定元素上运行的所有动画。

Delay()设置一个延迟，以延迟队列中后面项目的执行。

Finish()1.9停止当前正在运行的动画，删除所有排队的动画，完成所有匹配元素的动画。

JQuery.fx.off关闭页面上的所有动画。

JQuery.fx.interval设置动画的显示帧率。

jQuery ajax操作

功能描述

$.ajax()通过HTTP请求加载远程数据。

Load()加载远程HTML文件代码，并将其插入DOM。

$.get()通过远程HTTP GET请求加载信息。

$.getJSON()通过HTTP GET请求加载JSON数据。

$.getScript()通过HTTP GET请求加载并执行一个JavaScript文件。

$.post()通过远程HTTP POST请求加载信息。

Complete()这个函数在Ajax请求完成时执行。Ajax事件。

Error()该函数在Ajax请求中出现错误时执行。Ajax事件。

Ajax请求在发送之前执行函数。Ajax事件。

Ajax()该函数在Ajax请求开始时执行。Ajax事件。

Ajax stop()该函数在Ajax请求结束时执行。Ajax事件。

Ajax success()该函数在Ajax请求成功时执行。Ajax事件。

$.ajaxPrefilter()在发送每个请求之前和$处理它们之前处理定制Ajax选项或修改现有选项。ajax()。

$.ajaxSetup()设置全局AJAX默认选项。

Serialize()将表格内容序列化为字符串。

Serializearray()序列化表元素(类似于。serialize()方法)并返回JSON数据结构数据。

接下来，我们再给大家看一下 jQuery常用语法及接口：

jQuery常用语法及接口

无论是写程序还是读API文档，都要时刻注意区分Dom对象和jQuery包装器集。

1. Dom对象

在传统的JavaScript开发中，首先获得Dom对象，例如：

var div=document . getelementbyid( testDiv )；

var divs=document . getelementsbytagname( div )；

使用document.getElementById方法根据其Id获取单个Dom对象，或者使用文档。getElementsByTagName方法根据HTML标记名获取Dom对象的集合。

此外，在事件函数中，可以通过在方法函数中使用this来引用事件触发器对象，或者使用事件对象的target(FF)或srcElement(IE6)来获取触发事件的Dom对象。

所有的Dom对象都在这里获得，Dom对象有不同的类型，比如input、div、span等。Dom只有有限的属性和方法，如图6-2所示。

2. jQuery包装集

jQuery包装器集可以说是Dom对象的扩展。在jQuery的世界中，所有对象，无论是一个还是一个组，都被封装到一个jQuery包装器集合中，比如获得一个包含一个元素的jQuery包装器集合：

var jquery object=$( # testDiv )；

JQuery包装器集作为一个对象被一起调用。jQuery包装器集的属性和方法非常丰富，jQuery特有的属性和方法如图6-3所示。

3. Dom对象与jQuery对象的转换

(1)从1)Dom到jQuery的包集

如果要使用jQuery提供的功能，首先需要构造jQuery包装器集。您可以使用本文将要介绍的jQuery选择器直接构造jQuery包装器集，例如：

$( # test div )；

由上述语句构造的包装器集只包含一个id为testDiv的元素。或者您已经获得了一个Dom元素，例如：

var div=document . getelementbyid( testDiv )；

在上面的代码中，div是一个Dom元素，可以转换成jQuery包装器集：

var domtoqueryobject=$(div)；

(2)jQuery包装和设置Dom对象。

jQuery包装集是一个集合，因此您可以通过索引器访问它的一个元素：

var DOM object=$( # testDiv )[0]；

通过索引器返回的不再是jQuery包装器集，而是一个Dom对象！jQuery包装器集合的一些遍历方法，比如each()，可以传递遍历函数，而这个在遍历函数中也是一个Dom元素，比如：

$(#testDiv )。each(function() { alert(this) })

如果希望使用jQuery的方法来操作Dom对象，可以使用上面描述的转换方法：

$ (# testdiv )。each (function () {$ (this)。html(修改内容)})

希望这篇文章能给初学者或者迷茫的同学一些建议。合适不合适，只有你自己最清楚。请留言。另外，新手学习前端开发，除了更多的动手打代码，最重要的是经验的交流。欢迎有需要的朋友来前端开发交流群624293552交流问题学习经验。我把比较适合新手学习的教程资料都放在图书馆了。