【JQuery基础知识/statusCode(状态码)】—初专家必备

今天,给大家大快朵颐一下JQuery的基础知识,简介一下JQuery高档_Ajax,和我们广泛的局地statusCode(状态码)~~~

固然存在错误,请我们多多指正留言~小女生在此谢过!

一、JQuery语法

1、JQuery(“选择器”).action():
透过增选器调用事件函数,但JQuery中,JQuery能够用$取代,
即$(“选择器”).action();
壹选取器,能够间接选择CSS选用器,选七月素
二.action()
表示对成分试行的操作

2、文档就绪函数:
严防了文书档案在完全加载(就绪)在此之前运转JQuery代码
$(document).ready(function(){

//JQuery代码
});
简写: $(function(){});

 

[文书档案就绪函数VS** Window.onload]**
壹window.onload需在网页全体内容加载成功后执行(包涵图片音频)
文书档案就绪函数,只要求在网页DOM结构加载现在便执行
二window.onload只好写二个,写多少个只会试行最终三个
文档就绪函数,能够写七个,也不会被遮盖

三、JQuery对象与原生DOM对象互转
①原生DOM对象转JQuery对象:$(DOM对象);
eg:
var p =
document.getElementsByTagName(“p”);
$(p);
//转换为JQuery对象

2JQuery对象转原生DOM对象:$(“#p”).get(0)
$(“#p”)[0]
eg:
$(“#p”).get(0).style.color
= “red”;

减轻多库争辩,用JQuery.noConflict([ex])替换$

 

二、JQuery事件

一、事件绑定连忙格局
$(“button:first”).click(function(){
alert(1);
});

2、使用on绑定事件
壹选用on举行单事件绑定
$(“button”).on(“click”,function(){

//$(this)取到当前调用事件函数的目的

console.log($(this).html());
});

2利用on同时为四个事件绑定同壹函数
$(“button”).on(“mouseover
click”,function(){

console.log($(this).html());
})

三调用函数时传出自定义参数
$(“button”).on(“click”,{name:”aaa”}function(event){

//使用.event.date.属性名 找到传入的参数

console.log(event.data.name);
})

4接纳on进行多事件多函数绑定
$(“button”).on({

click:function(){

console.log(“click”);

},

mouseover:function(){

console.log(“mouseover”);

}
});

5行使on举办事件委派
>>>将原来供给绑定到某成分上的风云,改为绑定在父成分以至根节点上,然后委派给当下元素生效;
eg:

$(“p”).click(function(){});
$(document).on(“click”,”p”,function(){});

>>>功用:默许的绑定格局,只可以绑定到页面开端时已有个别p成分,当页面新扩充p成分时,不可能绑定到新因素上;

       
 使用事件委派方式,当页面新增加成分时,可以为全数新成分绑定事件
$(“button”).on(“click”,function(){
var p
= $(“<p>444444</p>”);

$(“p”).after(p);
});

$(“p”).click(function(){

alert(1);
});

$(document).on(“click”,”p”,function(){

alert(1);
});

三、off()撤废事件绑定
一$(“p”).off():裁撤全部事件
2$(“p”).off(“click”):裁撤点击事件
叁$(“p”).off(“click
mouseover”):打消多个事件
肆$(document).off(“click”,”p”):撤销事件委派

使用.one()
绑定事件,只好进行二次
$(“button”).one(“click”,function(){
alert(1);
})

.trigger(“event”):自动触发某元素的轩然大波

//触发事件时,传递参数
$(“p”).trigger(“click”,[“hahaha”,”heihei”]);

$(“p”).click(function(arg1,arg2){

alert(“触发了p的click事件”+arg1+arg2);
})

$(“button”).click(function(){

$(“p”).trigger(“click”,[“hahaha”,”heihei”]);
})

 

三、JQuery动画

.show():让隐藏成分呈现,同时修改成分的增长幅度、中度、opacity属性

一不传参:让隐藏的因素直接展示,不开始展览动画
贰传入时间:多少阿秒之内完毕动画
叁传入(时间,函数):同时修改成分的升幅、中度、opacity属性

.hide():让突显成分隐藏,与.show()相反

.slideDown():让隐藏的成分展现,效果为从上往下,扩张中度

.slideUp():让展现的因素隐藏,效果从下往上,收缩中度
.slideToggle():让显示的要素隐藏,让隐藏的来得

.fadeOut():让显示成分隐藏,淡出
.fadeIn():让隐藏成分呈现,淡入
.fadeToggle():让展现的要素隐藏,让隐藏的来得,淡入淡出
.fadeTo(时间,光滑度,函数):同.fadeToggle(),可是多了发光度参数,能够钦命展现最后的发光度

.animate({最后的样式属性键值对},动画时间,动画效果(“linear”
“swing”),回调函数):自定义动画

 

四、JQuery高级_Ajax

HTTP:超文本传输协议
U昂科拉L:统1财富一定符
结缘:协议名://主机名(IP地址):端口号/项目财富地址?传递参数键值对#锚点
eg:http://127.0.0.1:8080/jd/index.html?name=xiaoxi

localhost 或 127.0.0.1表示本机IP。

【JSON对象】
1、JSON对象是键值对的集中,键与键之间用”:”分隔,八个键值对中间用”,”分隔
贰、两个JSON对象,能够放手数组中去。JSON对象和数组,可以互相嵌套。
叁、JSON的键,必须是字符串。

 

附:
http statusCode(状态码)
200、300、400、500序列
*200,300,404,500*(珍惜回忆)

20一-20六都意味服务器成功拍卖了请求的情事代码,说明网页能够不荒谬访问。
200(成功)
服务器已成功拍卖了请求。经常,那意味着服务器提供了请求的网页。
201(已开立)
请求成功且服务器已成立了新的财富。
20二(已接受)
服务器已接受了请求,但从没对其开始展览处理。
20三(非授权消息)
服务器已成功拍卖了请求,但回来了说不定源于另一来源于的消息。
20肆(无内容)
服务器成功拍卖了请求,但未重临任何内容。
20伍(重新载入参数内容)
服务器成功拍卖了请求,但未归来任何内容。与 20肆响应不一样,此响应须要请求者重新设置文书档案视图(例如清除表单内容以输入新内容)。

20陆(部分内容)
服务器成功拍卖了一些 GET 请求。

300-300柒代表的意味是:要形成请求,您必要更为拓展操作。经常,那一个情况代码是长久重定向的。

300(种种增选)
服务器根据请求可实行三种操作。服务器可依照请求者
来选择壹项操作,或提供操作列表供其接纳。

301(永世移动)
请求的网页已被永远移动到新岗位。服务器再次回到此响应时,会自行将请求者转到新任务。您应使用此代码布告找出引擎蜘蛛网页或网址已被长久移动到新任务。

30二(权且挪动)
服务器方今正从差异任务的网页响应请求,但请求者应继续使用原来地方来进展事后的央求。会自动将请求者转到区别的岗位。但鉴于寻找引擎会继续抓取原有地点并将其编入索引,由此你不应使用此代码来告诉搜索引擎页面或网址已被活动。

30三(查看别的岗位)
当请求者应对各异的职分展开独立的 GET
请求以寻觅响应时,服务器会再次回到此代码。对于除 HEAD
请求之外的有着请求,服务器会活动转到其余岗位。
30四(未修改)
自从上次央求后,请求的网页未被修改过。服务器重临此响应时,不会再次来到网页内容。

假设网页自请求者上次乞求后再也未曾改造过,您应该将服务器配置为回到此响应。由于服务器能够告诉
搜索引擎自从上次抓取后网页未有退换过,因而可节约带宽和支出。

305(使用代理)
请求者只好利用代理访问请求的网页。假诺服务器重返此响应,那么,服务器还会指明请求者应当利用的代办。

307(一时半刻重定向)
服务器近来正从分裂职责的网页响应请求,但请求者应继续应用原来地点来进行事后的请求。会自动将请求者转到分化的岗位。但由于寻觅引擎会继续抓取原有地点并将其编入索引,因而你不应使用此代码来告诉搜索引擎某些页面或网址已被活动。

四XXHTTP状态码表示请求或者出错,会妨碍服务器的拍卖。

400(错误请求)
服务器不晓得请求的语法。

40一(身份验证错误)
此页供给授权。您大概不期望将此网页纳入目录。

40三(禁止)
服务器拒绝请求。

40四(未找到)
服务器找不到请求的网页。比方,对于服务器上不设有的网页经常会回来此代码。

例如:http://www.0631abc.com/20100aaaa,就会进入404错误页面

40五(方法禁用)
禁止使用请求中钦赐的诀窍。

40陆(不接受)
不只怕使用请求的内容特点响应请求的网页。

407(需求代理授权)
此状态码与 40一类似,但内定请求者必须授权使用代理。如若服务器再次来到此响应,还代表请求者应当采用代理。

408(请求超时)
服务器等候请求时发出超时。

40玖(争辨)
服务器在成功请求时爆发争论。服务器必须在响应中包罗关于争持的新闻。服务器在响应与前1个请求相争辩的
PUT 请求时或然会回到此代码,以及八个请求的不一致列表。

410(已删除)
请求的财富长久删除后,服务器重返此响应。该代码与
404(未找到)代码相似,但在能源从前存在而现行反革命不设有的图景下,有时会用来取代40四 代码。倘若能源已恒久删除,您应该选拔 30一 钦赐能源的新职责。

411(须要有效长度)
服务器不接受不含有效内容长度标头字段的呼吁。

412(未满意前提条件)
服务器未满意请求者在伸手中设置的里边三个前提条件。

四一三(请求实体过大)
服务器不恐怕管理请求,因为请求实体过大,高出服务器的管理才能。

41肆(请求的 U路虎极光I 过长)
请求的 U帕杰罗I(日常为网址)过长,服务器不能够管理。

肆一5(不帮助的媒体类型) 请求的格式不受请求页面包车型客车支撑。

416(请求范围不符合需要)
假若页面无法提供请求的范围,则服务器会回到此状态码。

4一柒(未满足期望值)
服务器未满足”期望”请求标头字段的渴求。

500至50五表示的意思是:服务器在尝试处理请求时爆发内部错误。这么些错误恐怕是服务器本人的失实,而不是伸手出错。

500(服务器内部错误)
服务器蒙受错误,无法做到请求。

501(尚未施行)
服务器不持有实现请求的魔法。举个例子,当服务器不能够辨认请求方法时,服务器大概会回到此代码。

50二(错误网关)
服务器作为网关或代办,从上游服务器收到了不算的响应。

503(服务不可用)
近日不能运用服务器(由于超载或进行停机维护)。经常,这只是一种目前的动静。

50四(网关超时)
服务器作为网关或代办,未马上从上游服务器收到请求。

50伍(HTTP
版本不受支持) 服务器不援救请求中所使用的 HTTP 协议版本。

 

相关文章