2018正版葡京赌侠诗jQuery基本选用 笔记

壹.JQuery核心使用

JQuery中文API:

http://jquery.cuishifeng.cn/

http://hemin.cn/jq/

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

1.1.简介:操作DOM的库

一.1.一.它是轻量级的js库 ,它11分CSS叁,还协作各个浏览器(IE ⑥.0+, FF 一.伍+,
Safari 二.0+, Opera 玖.0+),jQuery二.0及后续版本将不再补助IE6/7/八浏览器。

1.一.2.jQuery使用户能更便宜地处理HTML(标准通用标记语言下的3个行使)、events、达成动画效果,并且有利于地为网址提供AJAX交互。

一.一.3.jQuery还有1个相比大的优势是,它的文书档案表明很全,而且各样应用也说得很详细,同时还有广大不假思考的插件可供选用。jQuery能够使用户的html页面保持代码和html内容分别,也便是说,不用再在html里面插入一批js来调用命令了,只要求定义id即可。

一.一.四.怎么学习库:大概掌握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元素

一.肆.5.1.查API —文书档案处理—。。。

1.4.5.2.如图:

实例2:

一.四.五.三.对动态变化(追加)的DOM成分绑定事件的法子

.test —被追加的父成分

#myp —-追加的新因素

on —可换成delegate

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

似乎用on更好

1.4.6.设置属性

一.四.六.一.Style属性:文字颜色

一.四.陆.二.批量设置css

1.4.6.3.API学习:

概述

只要存在(不设有)就删除(添加)3个类。——用于点一回,得到新class的属性,点1次,化解class属性

1.4.6.4.jQuery 遍历的API

jQuery代码: 每张图片的src都安装为 textI.jpg

一.四.陆.伍.操作成分“属性”API(http://hemin.cn/jq/attr.html

二.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协议通讯。用户在浏览器地址栏键入2个网站,也许通过网页表单向服务器交由内容,那时浏览器就会向服务器发出HTTP请求。

lAJAX通过原生的XMLHttpRequest对象发出HTTP请求,获得服务器再次来到的多寡后,再实行拍卖。

lAJAX能够是一块请求,也足以是异步请求。可是,超越5/10动静下,特指异步请求。因为壹块的Ajax请求,对浏览器有“堵塞效应”。

lAjax指的是不刷新页面,发出异步请求,向服务器端必要数据,然后再拓展处理的措施。

l

2.2.2.jQuery的Ajax灰常方便

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

发表评论

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