一.JQuery中坚使用

JQuery中文API:

http://jquery.cuishifeng.cn/

http://hemin.cn/jq/

官方API:http://jquery.com/

1.1.简介:操作DOM的库

1.1.一.它是轻量级的js库 ,它很是CSS三,还合作各个浏览器(IE 6.0+, FF 1.5+,
Safari 二.0+, Opera 九.0+),jQuery贰.0及后续版本将不再帮忙IE6/7/捌浏览器。

一.一.贰.jQuery使用户能更便宜地处理HTML(标准通用标记语言下的多少个选取)、events、完结动画效果,并且有利于地为网址提供AJAX交互。

1.一.三.jQuery还有1个相比大的优势是,它的文档表明很全,而且各个应用也说得很详细,同时还有为数不少深谋远略的插件可供选择。jQuery能够使用户的html页面保持代码和html内容分别,也等于说,不用再在html里面插入一批js来调用命令了,只须要定义id即可。

壹.1.4.哪些学习库:大概知道api有哪些,开发时再去查,不要每种都逐项学习,不然跟不上时期。

1.2.下载:到百度CDN下载,如本文1.5.1

载入JQuery库

1.3.$符号—–>$(‘选择器’)再次来到贰个数组(若为空,则暗中认可为document成分)

1.4.使用:$(选择器/对象).动作();

1.4.1.ready事件:html骨架准备完结(什么意思呢,图片还没加载成功(但能获得到成分),ready事件就接触了)

留神:会杜绝html加载,图片会堵塞

1.4.2.onload事件:整个页面加载实现(直到图片也加载出来的了)

1.4.3.绑定上述五个事件:

ready:

行业内部写法

推荐简写:

简写

1.4.4.绑定点击事件:

方法1:

方法2:

注意:若DOM元素是动态变化的,需求专门处理

事件服从W3C标准

1.4.5.追加DOM元素

一.4.伍.一.查API —文书档案处理—。。。

1.4.5.2.如图:

实例2:

一.肆.5.三.对动态变化(追加)的DOM成分绑定事件的法门

.test —被追加的父成分

#myp —-追加的新因素

on —可换成delegate

—-事件代理体制,举行委托

似乎用on更好

1.4.6.安装属性

壹.四.6.一.Style属性:文字颜色

一.四.6.2.批量装置css

1.4.6.3.API学习:

概述

假设存在(不设有)就删除(添加)叁个类。——用于点二遍,获得新class的性质,点贰遍,解决class属性

1.4.6.4.jQuery 遍历的API

jQuery代码: 每张图片的src都设置为 textI.jpg

1.四.陆.5.操作元素“属性”API(http://hemin.cn/jq/attr.html

2.JQuery动画规律和Ajax

2.1.JQuery动画

2.1.1.动画API —效果

(参考:http://hemin.cn/jq/index.html

动画API

2.1.2.jQuery自定义动画

2.1.3.一般jQuery只做简单的动画,因为是由此js来操作DOM的,功能会相比较低,效果不佳,会卡。做动画能够运用

Animate.css动画库:http://daneden.github.io/animate.css/

CSS三动画工具:http://www.f2e.name/case/css3/tools.html

JS动画库:velocity.js对Jquery的补充

requestAnimationFrame(百度补充),落成进度条的事例

http://www.cnblogs.com/Wayou/p/requestAnimationFrame.html

HTML5/CSS三时代,大家要在web里做动画选取实在早已重重了:

您能够用CSS三的animattion+keyframes;

你也能够用css三的transition;

您还足以用经过在canvas上绘制来贯彻动画(游戏),也得以凭借jQuery动画相关的API方便地促成;

2.2.Ajax

参考:http://javascript.ruanyifeng.com/bom/ajax.html

注意:IE不支持

2.二.一.部分刷新,页面不跳转——-

l浏览器与服务器之间,选拔HTTP协议通讯。用户在浏览器地址栏键入三个网站,也许通过网页表单向服务器交由内容,那时浏览器就会向服务器发出HTTP请求。

lAJAX通过原生的XMLHttpRequest对象发出HTTP请求,得到服务器重返的数量后,再进行拍卖。

lAJAX能够是一起请求,也得以是异步请求。但是,超越六一%情景下,特指异步请求。因为一起的Ajax请求,对浏览器有“堵塞效应”。

lAjax指的是不刷新页面,发出异步请求,向劳动器端必要数据,然后再拓展处理的方法。

l

2.2.2.jQuery的Ajax灰常方便

2.2.3.查看APIhttp://hemin.cn/jq/index.html

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图