jQuery基本用 笔记

1.JQuery基本以

JQuery中文API:

http://jquery.cuishifeng.cn/

http://hemin.cn/jq/

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

1.1.简介:操作DOM的库

1.1.1.她是轻量级的js库 ,它相当CSS3,还配合各种浏览器(IE 6.0+, FF 1.5+,
Safari 2.0+, Opera 9.0+),jQuery2.0和后续版本用不再支持IE6/7/8浏览器。

1.1.2.jQuery使用户会还便宜地拍卖HTML(标准通用标记语言下之一个运)、events、实现动画效果,并且有利于地也网站提供AJAX交互。

1.1.3.jQuery还有一个于好之优势是,它的文档说明很咸,而且各种以也说得死去活来详细,同时还来多秋之插件而供应选择。jQuery能够如用户的html页面保持代码和html内容分别,也就是说,不用再行当html里面插入一堆js来调用命令了,只需要定义id即可。

1.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元素

1.4.5.1.查API —文档处理—。。。

1.4.5.2.如图:

实例2:

1.4.5.3.对动态变化(追加)的DOM元素绑定事件之主意

.test —被长的父元素

#myp —-追加底初因素

on —可换成delegate

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

似乎用on更好

1.4.6.安属性

1.4.6.1.Style属性:文字颜色

1.4.6.2.批量装css

1.4.6.3.API学习:

概述

万一有(不在)就去(添加)一个像样。——用于点同样不好,得到新class的性能,点同样不良,消除class属性

1.4.6.4.jQuery 遍历的API

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

1.4.6.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/

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

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

requestAnimationFrame(百度补充),实现速度长条之例证

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

HTML5/CSS3时代,我们若以web里做动画选择实在早就多了:

汝可以据此CSS3的animattion+keyframes;

若为堪就此css3的transition;

卿还好据此经过当canvas上绘制来实现动画(游戏),也足以靠jQuery动画相关的API方便地促成;

2.2.Ajax

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

注意:IE不支持

2.2.1.部分刷新,页面不超转——-

l浏览器与服务器之间,采用HTTP协议通信。用户以浏览器地址栏键入一个网址,或者通过网页表单向服务器交由内容,这时浏览器就是会见于服务器发HTTP请求。

lAJAX通过原生的XMLHttpRequest对象有HTTP请求,得到服务器返回的数后,再展开拍卖。

lAJAX可以是一头请求,也可是异步请求。但是,大多数状态下,特指异步请求。因为并的Ajax请求,对浏览器有“堵塞效应”。

lAjax指的凡不刷新页面,发出异步请求,向服务器端要求数,然后再进行拍卖的不二法门。

l

2.2.2.jQuery的Ajax灰常方便

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

发表评论

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