jQuery中常用的函数和属性的详细解析

Dom:
属性:属性
$(p)。AddClass(CSS定义式);一个元素添加样式
$(img)。Attr({ SRC:测试图片
$(输入)。Attr({检查
$(img)。Attr(标题
$(元素名称). Html();获取元素的内容(元素、文本等)
$(元素名称)。Html(新东东);为元素设置内容
$(元素名称)。RemoveAttr(属性名称)删除指定的属性和属性的元素的值
$(元素名称),RemoveClass(类)删除一个元素指定样式
$(元素名称);文本();获取元素的文本
$(元素名称)。text(value);将元素的文本值设置为value
$(元素名称)。ToggleClass(类)中取消了该参数的形式存在的元素时,这种风格是如果它不存在
$(输入元素名称)。瓦迩();获取输入元素的值
$(输入元素名称)。瓦迩(value);将输入元素的值设置为value

操纵:
$(元素名称)。在(内容)后面;在匹配元素之后添加内容
$(元素名称)。追加(内容);将内容作为元素的内容插入到元素的后面。
$(元素名称)。AppendTo(内容);连接后的元素含量
$(元素名称)。在(内容)之前;与后一种方法相反
$(元素名称). Clone(布尔表达式)当布尔表达式为true时,克隆元素被视为true而无引用。
$(元素名称)。空()将元素的内容设置为null。
$(元素名称)。InsertAfter(内容);在内容插入元素
$(元素名称)。InsertBefore(内容);在内容插入元素
$(元)。Prepend(内容);以内容作为元素放在元素的上面部分
$(元)。PrependTo(内容);把这个元素作为内容的一部分,把前面的内容
$()();删除所有指定元素
$(元素)。
$(元素包装(html);用HTML包围元素
$()元素(元素);用元素包围元素

穿越:
添加(expr)电流匹配的元素集合添加一个新的组匹配的元素的表达式,形成一套新的匹配要素;

实例uff1a
复制代码代码如下所示:
$(文档)Ready(函数(){)
$()。Css()
在文档中添加( ) P元素将使用黄色作为CSS样式的背景色;
CSS(背景
});

儿童(expr)从匹配的元素,在第一次设置的各种元素的集合,形成一套新的元素
包含(STR)匹配集包含包含STR的可变文本的元素集合,并返回匹配元素的集合。
在调用find()或父()函数(或其他遍历函数)之前,结束()用于返回jQuery对象。

例子
$(# DIV1 ),(p)。隐藏(),(),()隐藏
第一个隐藏()是p标签,然后返回一个参考端p标签的# DIV1标签()。
所以第二隐藏()是# DIV1
如果没有结束()是结束(),则两个隐藏()都在p标签上工作。

筛选器(表达式)
找到(expr)
过滤器与查找之间的区别:
将在一组选定元素中选择筛选器。
发现将在一组一组选定的元素的子节点选择。


试验1


试验2


如果我们使用find()方法:
var = $();
警报($ find.html());
将输出:测试1
如果使用了过滤器()方法:
$;
警报($ filter.html());
将输出:测试2

区别在于:
查找()将在div元素中找到类为雨的元素。
筛选器()是将div类过滤为雨的元素。
一个是其子集的操作,另一个是选择它自己的集合元素。

是(expr)确定集合是否属于现有 /表达部分在采集或等效的。如果是返回真,返回假

二(expr) / /落后兄弟元素包含一组元素,每个元素的收集毗连。
不是(EL),集合不满足设置的 /过滤元素。

实例uff1a
$(div),(。格林,#蓝)
$()输入:不((:选中的)+)
$(TR:不({日}):奇)

母(expr)需要一套包含所有匹配元素的父元素的元素只
父母(expr) / /得到的匹配元素在每个祖先元素这个集合的所有元素
沪指(expr)得到同级元素中的每个元素都接近匹配的元素集前集
兄弟姐妹(expr)得到所有组在匹配的元素集合中所有元素的兄弟元素

酷kù睿ruì:
$(HTML),AppendTo(体)相当于在身体写作的一段HTML代码
$(单元)获取DOM元素
$(函数){ };执行函数
Css()边界
$()输入:收音机
jQuery提供了两种开发插件的方法,它们是:
JQuery.extend(对象)是jQuery类本身的延伸。一种新的方法被添加到类中。

举一个例子
JQuery.extend({
min:函数(a,b){返回a:b;b;},
马克斯:函数(a,b){返回a:b;a;b;}
});
引用jQuery:
复制代码代码如下所示:
$ min(3,4);返回3
JQuery.fn.extend(对象)添加一个方法,jQuery对象,这是一个扩展的jquery.prototype

jquery.fn = jquery.prototype = { {
函数(选择器,上下文)。{ / …
/……
};

举一个例子
复制代码代码如下所示:
fn.extend({美元。
AlertWhileClick:函数(){
$(this)Click(函数(){)
警报($(this))瓦迩());
});
}
});

引用jQuery:
$(# input1 )AlertWhileClick();

jQuery(表达式,{ })--- $(表达式,{上下文});默认情况下,$()是HTML文档DOM元素中的当前查询。

每个回调函数都执行一个函数,每个匹配元素作为上下文。

例如:1
复制代码代码如下所示:
$() Click(函数){
$(),每个(函数(){)
$(这)。ToggleClass(实例);
});
});

例如:2
复制代码代码如下所示:
$(按钮)。Click(函数(){)
$(div)。每个(函数(指数,domele){)
/ / domele = =这
(domele美元)。Css(背景颜色
如果($(this),(#停止)){
$(跨度)。文本(停在指数# +指数);
返回false;
}
});
});

jQuery事件:事件

准备(FN);$(document)。Ready()注意有身体没有onload事件,否则不能执行功能。在每一页的一些功能可以加载和FN的顺序执行。

实例uff1a
$(文档)Ready(函数(){警报();}

Bind(类型,{资料},FN)绑定一个或多个事件处理器函数对每个匹配元素的特定事件(如单击),可能的事件类型的属性有:模糊、焦点、负荷、调整大小、滚动、卸载,单击,双击,MouseDown,MouseDown,MouseUp、点击、调整大小、X T,T,T,T,T,T,T,T,X,

例1:
$(# mybtn)。Bind(单击
警报(听到咔哒声);
});

例2:
函数处理程序(事件){
警报(事件,数据,数据);
}
$(p)。Bind(单击

一个(类型,{数据},FN)将一个或多个事件处理器函数绑定到每个匹配元素的特定事件(如单击)。在每个对象上,这个事件处理函数只执行一次。其他规则与绑定()函数相同。
类型(字符串):事件类型。
数据(对象):(可选)附加数据的对象,作为一个event.data属性值传递给事件对象。
FN(函数):与每个匹配元素的事件绑定的处理函数。

Trigger(类型,{数据})在每个匹配的元素上触发一类事件。
Click(函数(事件,A,B){)
一个普通的单击事件,A和B是未定义的类型。
如果由下面的语句触发,则a指
} Trigger(单击
$(p)。Toggle(函数(){)
$(这)。AddClass(选择);
},
函数(){
$(这)。RemoveClass(选择);
}
);

实例uff1a
$(p)Bind(事件。
警报(2 + + message2);
});
$(p)Trigger(事件。
triggerhandler的具体方法(类型,{资料})触发一个元素一个特定的事件,指定事件类型,并取消浏览器的默认这一行动的事件。
Unbind({型},{资料})是反绑定和删除绑定事件从每个匹配的元素。
$(p)。Unbind()删除所有绑定的事件在所有段落
$(p)。Unbind(点击)删除所有段落的单击事件

实例uff1a
复制代码代码如下所示:
函数(){()
处理事件代码
};
$(p)。Bind(单击,富)…当您单击该段落时,触发器函数为
$(p)。Unbind(点击,Foo); / /…不再触发触发器

当鼠标移动到匹配的元素时,它会触发指定的第一个函数。当鼠标移出这个元素时,它会触发指定的第二个函数。
$(p)。Hover(函数(){)
$(这)。AddClass();
},
函数(){
$(这)。AddClass();
}
);

元素事件列表描述
注意:一个没有参数的函数,它的参数是可选的,jQuery不支持表单元素的重置事件。
事件描述、支持元素或对象
焦点()元素获得焦点,输入,文本框,按钮,选择、标签、地图、地区
Blur()元素失去焦点,输入,文本框,按钮,选择、标签、地图、地区
$(# )。焦点(函数(){)
如果($(# (= =)。瓦尔)'keyword){
$(# )。瓦迩()};
}Blur(函数(){)
如果($(# )(。Val)= =){
$(# )。瓦迩(关键词)。Css(颜色
});
改变()用户更改域的内容输入,文本框内,选择
当元素失去焦点时触发更改事件,并且在焦点得到之后,它的值变化时也会触发。
$(输入{类型中})。变化(函数(){)
在这里您可以编写代码以验证
});
单击()鼠标单击对象的几乎所有元素
Dblclick()鼠标双击一个对象的几乎所有元素
误差()出现错误窗口时,文档或图像加载,IMG
KeyDown()一个键盘的按键按下的几乎所有元素
按键()键盘的键被按下或压上几乎所有元素
Keyup()的一个键盘的键是由几乎所有部件松动
负荷(FN)网页或图像完成加载窗口,IMG
MouseDown(FN)鼠标按钮被按下的几乎所有元素
MouseMove(FN)鼠标移动几乎所有元素
Mouseout(FN)鼠标移除元素的几乎所有元素
鼠标悬停(FN)鼠标移动到上面的几乎所有元素的元素
Mouseup(FN)鼠标按钮被松开的几乎所有元素
调整大小(FN)窗口或框架的调整大小的窗口,iframe,框架
当滚动(FN)滚动文档的可视部分时,窗口
select()文本选择文件,输入文本
单击表单提交()提交按钮。
卸载(FN)用户退出页面窗口

jQuery Ajax方法表明:

加载(URL,{数据},{回调})将远程HTML内容加载到DOM节点。
$(#饲料)。负荷(饲料。html);的feeds.html文件ID加载到DIV作为饲料
$(#饲料)。负荷(PHP 饲料。
警报(加载中的最后25个条目已加载;
});

jquery.get(URL,{资料},{回调})请求一个页面使用得到。
获取()
警报()加载的数据:+数据;
});

JQuery.getJSON(URL,{资料},{回调})使用GET请求JSON数据。
美元。getJSON(JS 测试。
警报(JSON数据{用户} { 3 }。name);
});

JQuery.getscript(URL,{回调})使用到请求的Javascript文件并执行它。
美元。getscript(JS 测试。
警报(加载并执行脚本);
});
JQuery.post(URL,{资料},{回调},{型})请求一个页面使用后。

ajaxcomplete(回调)执行一个函数当AJAX请求结束。这是一个Ajax事件
$(#味精)。AjaxComplete(功能(要求设置){)
$(这个)。追加(请求完成);
});
AjaxError(回调)执行一个函数时,请求失败。这是一个Ajax事件
$(#味精)。AjaxError(功能(要求设置){)
$(这)。追加(错误页面请求+ settings.url + );
});
AjaxSend(回调)执行一个函数,当一个Ajax请求发送。这是一个Ajax事件
$(#味精)。AjaxSend(功能(EVT,要求设置){)
$(这)。追加(<李>开始要求在+ settings.url
+< < < >);
});

AjaxStart(回调)执行一个函数时,一个Ajax请求开始但尚未启动。这是一个Ajax事件
当Ajax请求启动时(未激活)显示加载信息。
$(#加载)。AjaxStart(function(){)
美元(这个);
});

AjaxStop(回调)执行一个函数时,Ajax的全部停止。这是一个Ajax事件
当所有Ajax请求停止时,加载信息将被隐藏。
$(#加载)。AjaxStop(function(){)
美元(这个);
});

ajaxsuccess(回调)执行一个函数时,一个Ajax请求成功完成。这是一个Ajax事件
当Ajax请求成功完成时,将显示信息。
$(#味精)。AjaxSuccess(功能(EVT,要求设置){)
追加()成功请求!);
});

JQuery.ajaxSetup(选项)是所有Ajax请求的全局设置。看看美元。Ajax函数得到的所有选项的信息。
设置默认全局Ajax请求选项。
ajaxsetup({美元。
网址: / / XMLHTTP
全球:假,
类型:邮政
});
美元。Ajax({数据:MYDATA });

Serialize()的名称和值的方式连接到一组输入元素。序列的正确形式元素的实现
功能showvalues(){
var str = $(形式)的Serialize();
$(#结果文本(STR));
}
$(:复选框:无线电)Click(showvalues);
$(选择)的变化(showvalues);
showvalues();

SerializeArray()连接所有表单和表单元素(类似于。连载()方法),但返回一个JSON数据格式。
从表单中获取一组值并显示它
功能showvalues(){
VaR(字段=美元:输入)SerializeArray();
警报(字段);
$(#结果)空();
jquery.each(领域、功能(我场){
$(#结果)。追加(field.value + );
});
}
$(:复选框:无线电)Click(showvalues);
$(选择)的变化(showvalues);
showvalues();

jQuery特效方法描述

显示隐藏的匹配元素。
显示(速度,{回})显示所有匹配元素的优雅动画,并在显示完成后可选触发回调函数。
隐藏所有匹配元素。
隐藏(速度,{回})隐藏所有匹配元素优雅的动画,并在显示完成后触发回调函数。
切换()切换元素的可见状态。如果元素可见,则开关被隐藏;如果元素隐藏,
切换到可见。
SlideDown(速度,{回调})动态显示所有匹配的元素通过高度变化(下降)的增加,和一个回调函数可以触发选择后显示完成。这个动画效果只调整元素的高度使匹配的元素
显示滑动的方式。
SlideUp(速度,{回调})动态地隐藏所有匹配的元素的高度变化(下降),然后触发一个回调函数完成隐藏后。这个动画效果只调整元素的高度,使匹配的元素被隐藏在一个滑动的方式。
SlideToggle(速度,{回调})开关所有匹配元素的可见性的高度变化,并触发一个回调函数在切换完成之后,这个动画效果只调整元素的高度,使匹配的元素被隐藏或显示在滑动的方式。
FadeIn(速度,{回调})达到褪色的所有匹配的元素的改变不透明度的效果,并触发一个回调函数在动画完成。这个动画只调整元素的不透明度,也就是说,高度和所有匹配元素的宽度不会改变。
FadeOut(速度,{回调})达到淡出所有匹配的元素的不透明度的效果,并触发一个回调函数在动画完成。这个动画只调整元素的不透明度,也就是说,高度和所有匹配元素的宽度不会改变。
FadeTo(速度、透明度,{回调})调整所有匹配元素的不透明度到指定的不透明的一步一步,并触发一个回调函数在动画完成。这个动画只调整元素的不透明度,也就是说,高度和所有匹配元素的宽度不会改变。
停止()停止匹配元素当前运行的所有动画。如果动画在队列中,它们将立即启动。
队列()引用第一个匹配元素的动画序列(返回内容数组作为函数)
队列(回调)在每个匹配元素的事件序列的结尾添加一个可执行函数,作为该元素的一个事件函数。
队列(队列)用一个新的动画序列替换了所有匹配元素的原始动画序列。
Dequeue()执行从动画序列的前端删除动画
动画(params,{时间},{宽松},{回调})是用来创建一个自定义动画功能。
另一种方式来创建自定义动画的动画(参数选择),功能同上。


遍历方法描述

EQ(index)从匹配元素的集合中获取指定位置的元素,索引从0开始。
滤波器(表达式)返回一组与指定表达式匹配的元素,可以将多个表达式使用
Ilter(FN)使用一种特殊的功能删除不匹配的元素集合中作为过滤条件。
是(expr)使用一个表达式来检查当前选择的元素集合,,如果至少一个部件符合给定的
表达式返回true。
map(回调)用回调方法转换jQuery对象中的一组元素,然后将其添加到jQuery数组中。
没有(expr)移除指定的表达式匹配的元素集合中的元素匹配。
切片(start,{ })从匹配元素集中获取一个子集,与内置数组的切片方法相同。
添加(expr)添加元素的表达式匹配的jQuery对象。
儿童({ expr })以一组包含一组匹配的元素,每个元素的所有元素。可选的过滤器将允许仅匹配合适的元素,这种方法(只包括元素节点,而不是文本节点)。
内容()获取一组包含匹配元素元素(包括元素节点,不包括文本节点)的每个元素的所有后代节点。如果元素是iframe,得到文档元素。
找到(expr)为指定的表达式匹配所有元素搜索。
二({ expr })以一组,每个元素在匹配的元素集合中的每个元素是接近相同的生成要素。
NextAll({表达式})把一组元素,包括所有后者的元素中的每个元素的一组匹配的元素
母({表达式})得到一组包含所有匹配元素的父元素的元素只。
父母({表达式})得到一组包含所有匹配元素的祖先元素的元素(不只是根元素)。
沪指({表达式})得到一组的每个元素在匹配的元素集合中的每个元素是接近以前的同辈元素的元素。
PrevAll({表达式})把一组所有的同辈元素在匹配的元素集合中的每个元素。
兄弟姐妹({表达式})以一组包含在所有匹配的元素集合中的每个元素同代的元素。
AndSelf()将匹配的元素上设置让所有的DIV元素中的P元素的当前设置,并添加边框属性。把所有的div元素P元素,
添加背景类属性
$(div),(p)。AndSelf(),AddClass(边界);
$(div),(p)。AddClass(背景);
结束(当前)操作并返回当前操作的前一个操作。
查找p元素中的所有跨度元素,然后返回到p元素集,添加CSS属性
$(p)。查找()。结束()。Css()边框

jQuery选择器选择器方法描述

基本选择器
$(# mydiv )的独特元素的ID值匹配
$( )匹配指定名称的所有元素。
$(。MyClass)匹配所有元素与这类风格的价值
$( )匹配所有元素
$(div,跨度大,p.myclass )联合所有匹配选择器

级联选择器
$(表单输入)后代选择器,选择祖先的所有子代
$(#主要> *)subselector,选择所有子节点的父
$(标签+输入)Pro选择器选择标签元素的所有下一个输入元素节点。测试选择器在输入标签后面直接返回所有标记元素。

$(#沪指~ div)同胞选择器,它返回所有div标签属于同一个父元素的ID标签元素作为沪指

基本过滤选择器
$(:)匹配第一个选择元素。
$(最后)匹配最后选定的元素。
$()不((检查)+)过滤与原始元素集匹配的所有元素(这里是主选择器)
$(偶数)匹配集合中偶数的所有元素(从0开始)
$(奇数 )匹配集合中奇数位置的所有元素(从0开始)
$(:EQ(2))与集合中指定位置的元素匹配(从0开始)
$(:gt(4))匹配集合中指定位置之后的所有元素(从0开始)
$(GL(4))匹配集合中指定位置之前的所有元素(从0开始)
$(:头))匹配所有标题
$(动画)匹配所有运行动画的所有元素。

内容过滤选择器
$(div:包含(约翰'))匹配所有元素包含指定文本
$(空)匹配所有空元素(只有非文本元素的文本元素)
$()div(p)再次匹配与原始元素集中的至少一个选择器的所有元素
$(父: )匹配不空的所有元素(包含文本的元素也被计算)
$(隐藏: )匹配所有隐藏元素,还包括表单的隐藏字段。
$(:可见)匹配所有可见元素。

属性过滤选择器
$({ })匹配具有指定属性的所有元素。
$(输入{名称= 'newsletter})与指定的属性值的所有元素
$()输入名称!= 'newsletter})的比赛,没有指定的属性值的所有元素
$(输入{姓名^ =新闻})匹配所有的元素,用指定的属性值开始
$(输入{名称= 'letter})比赛结束所有指定的属性值与值的元素
$(输入{姓名* =男人的})匹配元素的所有属性值包含指定值的字符
$(输入{id} {名称=男人的})匹配所有元素符合多个选择器的同时

子元素过滤选择器
$():第n个子(2)),
与父元素的n个子元素匹配的$()
$(ul:nth-child(3n + 1))

与父元素的第一个子元素匹配的$
$( div:最后子 )匹配父元素的最后1个子元素。
与父元素仅有的1个子元素匹配的$(按钮:只有子)

表单元素选择器
$(:输入)匹配所有的表单元素,包括所有类型的输入,文本框和按钮,选择,
$(:)匹配所有类型文本的所有输入元素。
$(: )匹配所有类型密码的所有输入元素
$ )匹配所有类型的无线电的所有输入元素。
$(:复选框)匹配所有类型复选框的所有输入元素
$(:提交)匹配所有类型提交的所有输入元素
$(:)匹配所有类型图像的所有输入元素
$(:)匹配所有类型重置的所有输入元素。
$(按钮:)与所有类型按钮的所有输入元素相匹配。
$()匹配所有类型文件的所有输入元素
$(:隐藏 )匹配所有隐藏输入元素或窗体的隐藏域。

表单元素筛选选择器
与所有可操作的表单元素匹配的$()
$(禁用)匹配所有不可操作的表单元素
匹配所有选定元素的$()
$(选择选项:)匹配所有选定的元素

CSS方法描述

CSS(name)访问第一个匹配元素的样式属性。
CSS(属性)将名称/值/对对象设置为所有匹配元素的样式属性。
$(p)。Hover(函数(){)
$(这)。Css({背景颜色:黄
}函数(){()
无功cssobj = { {
背景颜色:# DDD
FontWeight:
颜色:RGB(040244)
}
$(这)Css(cssobj);
});
CSS(name,value)在所有匹配元素中设置样式属性的值。
偏移量()获取匹配的第一个元素相对于当前视觉窗口的位置。返回的对象有2个属性,
在顶部和左边,属性值是一个整数。这个函数只能用于可见元素。
var(=);
无功补偿= p.offset();
P.html(左offset.left + +
宽度()获取元素的宽度值,该值是当前的第一个匹配项。
宽度(缬氨酸)为每个匹配的元素设置指定的宽度值。
高度()获取元素的高度,该元素是当前的第一个匹配项。
为每个匹配的元素设置指定的高度值。

实用工具方法描述
jquery.browser
这个值代表了IE。
jquery.browser.version读取用户浏览器的版本信息
jquery.boxmodel检测是否为当前页面的显示用户浏览器的盒模型是基于W3C的CSS
是否jquery.isfunction(obj)检测参数传递函数
函数存根(){ }
var obj = {
函数(){ },
{:15,y:20 },
无效的,
树桩,
函数
};
jquery.each(对象、函数(我){
无功isfunc = jquery.isfunction(obj {我});
$(跨度:情商(+我+))文本(isfunc);
});
JQuery.trim(STR)清除空格的字符串两端,使用正则表达式在一个给定的字符两端清晰的空间
jquery.each(对象,回调)通用迭代器可迭代对象和数组的无缝连接
JQuery.extend(目标,objectn object1,{ })扩展一个对象,修改原始对象并返回它,这是一个功能强大的工具来实现继承。这种继承是用价值传递方法代替Javascript中的原型链实现的。
合并设置和选项对象并返回修改后的设置对象
var设置=验证:false,限制:5,名称};
var选项= true;
JQuery.extend(设置选项);

通过默认值和选项对象的组合,默认对象没有被修改。选项对象中的值被传递到空值,而不是默认对象的值。
复制代码代码如下所示:
var空}
var默认=验证:false,限制:5,名称:;
var选项= true;
var设置=扩展(空的,默认的,选项);
JQuery.grep(阵列,回调,{逆})中的滤波函数数组项
美元。grep({0,1,2},函数(n,i){
返回n > 0;
});

JQuery.makeArray(obj)将像一个数组成一个真正的数组对象
将选定的div元素集转换为数组
var arr = jquery.makearray(document.getelementsbytagname(div));
Arr.reverse(一); / /使用DOM元素的链表数组的方法
$(ARR)。AppendTo(文档。体);
JQuery.map(阵列、回调)中使用的方法在一个数组中修改一个项目,然后返回一个新数组
JQuery.inArray(值、数组)返回值在数组中的位置,如果没有找到,则返回1
JQuery.unique(数组)中删除所有重复的元素在数组并返回排列