【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只能写一个,写多只就会尽最后一个
文档就绪函数,可以写多个,也不见面吃遮住

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

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

解决多库冲突,用JQuery.noConflict([ex])替换$

 

二、JQuery事件

1、事件绑定快捷方式
$(“button:first”).click(function(){
alert(1);
});

2、使用on绑定事件
①下on进行单事件绑定
$(“button”).on(“click”,function(){

//$(this)取到即调用事件函数的靶子

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

②使用on同时为多个事件绑定同一函数
$(“button”).on(“mouseover
click”,function(){

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

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

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

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

④施用on进行多事件多函数绑定
$(“button”).on({

click:function(){

console.log(“click”);

},

mouseover:function(){

console.log(“mouseover”);

}
});

⑤行使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);
});

3、off()取消事件绑定
①$(“p”).off():取消所有事件
②$(“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:超文本传输协议
URL:统一资源一定相符
构成:协议名://主机名(IP地址):端口号/项目资源地址?传递参数键值对#锚点
eg:http://127.0.0.1:8080/jd/index.html?name=xiaoxi

localhost 或 127.0.0.1
表示本机IP。

【JSON对象】
1、JSON对象是键值对之成团,键和键里因此”:”分隔,多单键值对中间用”,”分隔
2、多个JSON对象,可以坐数组中错过。JSON对象与勤组,可以相互嵌套。
3、JSON的键,必须是字符串。

 

附:
http statusCode(状态码)
200、300、400、500序列
*200,300,404,500*(重点记忆)

201-206且意味服务器成功拍卖了央的状态代码,说明网页可以正常访问。
200(成功)
服务器已成拍卖了央。通常,这象征服务器提供了要的网页。
201(已创造)
请求成功还服务器就创造了初的资源。
202(已接受)
服务器就受了请,但从未对那个进行拍卖。
203(非授权信息)
服务器都成拍卖了请,但回到了也许来其他一样自之音讯。
204(无内容)
服务器成功拍卖了请,但不返回外内容。
205(重置内容)
服务器成功拍卖了请,但切莫回到外内容。与 204
响应不同,此应要求请求者重置文档视图(例如清除表单内容为输入新内容)。

206(部分内容)
服务器成功拍卖了有些 GET 请求。

300-3007象征的意是:要到位请求,您需要更进一步展开操作。通常,这些状态代码是永远重定向的。

300(多种拣)
服务器根据请求而实行多种操作。服务器可依据请求者
来选择同一桩操作,或供操作列表供其择。

301(永久移动)
请求的网页已于永久移动到新岗位。服务器返回此应时,会自行将请求者转至新职务。您应以此代码通知搜索引擎蜘蛛网页还是网站就让永远移动及新岗位。

302(临时挪动)
服务器即刚自不同位置的网页响应请求,但请求者应继续使用原来位置来进展事后的呼吁。会活动将请求者转到不同之岗位。但鉴于找引擎会继续抓取原有位置并以其编入索引,因此而不承诺运用是代码来告诉搜索引擎页面或网站曾于挪动。

303(查看其他职位)
当请求者应对不同的位置展开独立的 GET
请求以找响应时,服务器会回去此代码。对于除 HEAD
请求外界的装有请求,服务器会活动转至其他位置。
304(未修改)
自从上次恳请后,请求的网页未为修改了。服务器返回此应时,不见面返回网页内容。

而网页自请求者上次恳求后又为绝非改变了,您当将服务器配置为回到此应。由于服务器可以告知
搜索引擎起上次抓取后网页没有转了,因此而省带宽和出。

305(使用代理)
请求者只能使用代理访问请求的网页。如果服务器返回此应,那么,服务器还会见指明请求者应当采取的代理。

307(临时重定向)
服务器时刚从不同职位的网页响应请求,但请求者应持续采取原来位置来进行下的呼吁。会活动将请求者转至不同的职。但由于找引擎会继续抓取原有位置并以那编入索引,因此而不应允使用是代码来报搜索引擎之一页面或网站已被活动。

4XXHTTP状态码Ajax表示请或出错,会妨碍服务器的处理。

400(错误请求)
服务器无知底要的语法。

401(身份验证错误)
此页要求授权。您或许未希望将是网页纳入目录。

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

404(未找到)
服务器找不顶要的网页。例如,对于服务器上不在的网页时会回去此代码。

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

405(方法禁用)
禁用请求被指定的道。

406(不收受)
无法利用要的内容特点响应请求的网页。

407(需要代理授权)
此状态码与 401
类似,但指定请求者必须授权行使代理。如果服务器返回此应,还意味着请求者应当采用代理。

408(请求过)
服务器等请求时出过。

409(冲突)
服务器在做到请求时发生冲突。服务器必须以响应中涵盖关于冲突之信息。服务器在响应和前方一个伸手相冲突之
PUT 请求时可能会见回来此代码,以及个别单请求的出入列表。

410(已删除)
请求的资源永久删除后,服务器返回此应。该代码和
404(未找到)代码相似,但每当资源先存在如今天未存在的景象下,有时会用来顶替
404 代码。如果资源曾永远删除,您当采取 301 指定资源的新岗位。

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

412(未满足前提条件)
服务器不满足请求者在恳求被安的中间一个前提条件。

413(请求实体过很)
服务器无法处理要,因为请实体过好,超出服务器的拍卖能力。

414(请求的 URI 过长)
请求的 URI(通常也网址)过长,服务器无法处理。

415(不支持之传媒类型) 请求的格式不让请求页面的支持。

416(请求范围不符合要求)
如果页面无法提供请求的限量,则服务器会回来此状态码。

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

500到505表示的意是:服务器在品尝处理要时产生中错误。这些不当可能是服务器本身的不当,而不是请出错。

500(服务器中错误)
服务器遇到错误,无法到位请求。

501(尚未实施)
服务器不有完成请求的效能。例如,当服务器无法分辨请求方法时,服务器可能会见回此代码。

502(错误网关)
服务器作为网关或代理,从上游服务器收到了没用的响应。

503(服务不可用)
目前无法以服务器(由于超载或进行停机维护)。通常,这单是均等栽小的状态。

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

505(HTTP
版本不给支持) 服务器无支持请求被所使用的 HTTP 协议版本。

 

相关文章