jq常用的api,jquery中文api文档,jquery中有哪些api jQuery主要API

jq常用的api,jquery中文api文档,jquery中有哪些api jQuery主要API

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交流问题学习经验。我把比较适合新手学习的教程资料都放在图书馆了。

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

相关文章阅读

  • 使用jquery实现图片轮播效果如何,jQuery图片轮播
  • 使用jquery实现图片轮播效果如何,jQuery图片轮播,使用jQuery实现图片轮播效果
  • 举例说明jquery中each函数的使用,jquery each()
  • 举例说明jquery中each函数的使用,jquery each(),JQuery中each()的使用方法说明
  • 一篇文章带你了解jquery动画人物,一篇文章带你了解jquery动画制作
  • 一篇文章带你了解jquery动画人物,jquery的动画,一篇文章带你了解jQuery动画
  • trigger的用法总结,jquery trigger 传参数
  • trigger的用法总结,jquery trigger 传参数,jQuery中值得注意的trigger方法浅析
  • js hover 触发事件显示另一元素,js hover 触发事件,jQuery中多个元素的Hover事件解决方案
  • js apply 实现原理,jquery apply用法_1
  • js apply 实现原理,jquery apply用法
  • js apply 实现原理,jquery apply用法,js中apply方法的使用详细解析
  • js apply 实现原理,jquery apply用法,JS中apply()的应用实例分析
  • jq获取radio选中的值,jquery radio 取值
  • jq获取radio选中的值,jquery radio 取值,Jquery获取radio选中值实例总结
  • 留言与评论(共有 条评论)
       
    验证码: