1,jQuery发展历史:
是一个javascript库,封装的一些常用的操作:
为什么要封装?
1,javascript,DOM非常繁琐
2,浏览器兼容性:非常令人头疼
封装一些javascript常用的操作,库
1,prototype:封装javascript常用的对象和函数(功能强大,而且最早的库),缺点(面向对象把握的不是很好)
2,dojo,提供了其他库没有的功能,例如离线存储,SVG绘图,而且他得到了IBM SUN这些公司的推广。文档不全,学习起来曲线比较陡;
3,ExtJs: 企业级的框架,功能强大(他以jquery做最底层的),缺点:注重的是样式,结构比较臃肿,他不是完全免费,如果需要从事商业用途,需要付费获得许可证
jQuery:
市场占有率稳步上升,代码比较少,功能强大:DOM比较强大,事件处理,完全解决了浏览器的兼容性问题,ajax操作(比较好)
2,jquery对象和DOM对象
Jquery对象可以理解成封装好javascript对象之后的对象
我们要严格区分开jquery 对象和javascript的对象
使用:
从jquery.com网站下载最新版本
1,在jquery中$就是jquery, $(“#content”) 就是jquery(“#content”)
Jquery的$(document).ready()和window.onload还是有区别:
(1)window.onload() 需要等到整个页面加载完毕(包括需要的图片等文件都加载完毕)才执行
(2)$(document).ready()只需要解析器先将文件的DOM结构绘制完毕就执行,不等待其他文件是否加载完毕
(3)Window.onload()不可以绑定多个onload()
但是$(document).ready()可以
不同的对象有自己不同的方法,所以一定要严格区分开他们的方法
为了区分开是DOM对象还是jquery对象,我们是通过声明变量的时候设置的:
通常jquery对象,我们使用
var $p = jquery对象
Var p = DOM对象
转化:
(1)jQuery对象转化为DOM对象
既然他是封装的javascript的对象,他肯定是一个数组,保存的是对象的集合
通过数组下标的形式转化
[下标]
Get(索引)
(2)DOM对象转化为jquery对象
$() 转化