jQuery简介
第一章 jQuery简介
一:jQery与javascript
(1).javascript是动态网页的一种编程语言,是由Netscape公司开发的一种脚本语言。实现了一种实时性,动态性,交互性的关系。
(2).jQuery是一个javascript库,它遍历html文档,操作DOM,处理文件,执行动画和Ajax的操作。
二:javascript库作用也对比
(1).Prototype:是最早成型的javascript库之一,主要是把很多好的有用的方法组合在一起的一个js库。
(2).Dojo:提供了javascript库没有提供的功能,比如离线存储的API,生成图标的组件,基于SVG/VML的矢量图形库,comet支持等。缺点:学习曲线陡,文档不齐全,API不稳定,每次升级都可能导致已有
的程序失效。
(3).YUI:是yahoo打造的javascript库,提供了比较丰富的关于DOM操作,Ajax应用等一系列的封装,是一套比较齐全完备的富交互网页程序集工具集。
(4).ExtJS:简称Ext,主要用于创建前端用户界面,利用jquery在内的多种javascript框架作为基础库,而Ext作为界面的扩展库来使用。
(5).MooTools:是一套轻量级的javascript库,是一个简洁,模块化,面向对象的javascript框架,提供了强大的功能和更好的扩展性及兼容性。
(6).jQuery:也是一个轻量级的库,它拥有强大的选择器,出色的DOM操作。
三:jQuery的优势
(1).轻量级---采用Dean Edwards 的Packer压缩后,大小为30kb,如果服务器端启用gzip压缩后,大小为16kb.
(2).强大的选择器:操作使用范围是CSS1到CSS3的选择器。
(3).出色的DOM操作的封装:jQuery封装了大量常用的DOM操作。
(4).可靠的事务处理机制
(5).完善的Ajax:jQuery将所有的Ajax操作封装到一个$.Ajax里,使我们处理Ajax能够专心处理业务逻辑而无需关心浏览器的兼容性和XMLHttpRequest对象的创建和使用的问题。
(6).不污染顶级变量:jQuery只创建一个名为JQuery的对象,所有方法都在这个对象之下。
(7).出色浏览器兼容性:能够在很多浏览器下正常运行。
(8).链式操作方式:发生在同一个jQuery对象上的一组动作,可直接写而无需重复获取对象。
(9).行为层与结构层的分离:无需再去html调用事件,而是直接使用jQuery选择器中的元素。,然后直接给元素添加事件。
(10).丰富的插件支持:jQuery的易扩展性
(11).完善的文档:现阶段多为英文文档,中文文档较少。
(12).开源:任何人都可以使用。
(13).隐式迭代
四:jQuery的入门与使用
(1):jQuery库的类型说明(三种)
1.jQuery 1.6(31kb,Minified and Gzipped) 大小:31kb 说明:经gzip压缩,体积最小,为应用产品、项目而准备的版本。
2.jQuery 1.6(227kb,Uncompressed) 大小:227kb 说明:完整无压缩版本,为测试、学习、开发而准备的版本。
3.jQuery 1.4.1
{
(23kb,Minified and Gzipped) 大小: 23kb 说明:经gzip压缩,体积最小,为应用产品、项目而准备的版本。
(157kb,Uncompressed) 大小:157kb 完整无压缩版本,为测试、学习、开发而准备的版本。
}
注释:主要采用jQuery1.4.1(157kb,Uncompressed) 版本。
(2):jQuery环境配置----jQuery1.4.1.js下载完毕,将其放置在具体项目目录下即可方便的引用jQuery库。
(3):jQuery的使用-----如果没有特别说明,jQuery库都是默认导入的(在<head>标签内引入jQuery库)。
五:编写简单的jQuery代码
window.onload与$(document).ready()的区别(三点):
1.执行时机 必须等待网页中的所有的内容加载完毕后才能执行 网页中的所有DOM结构绘制完毕后执行.
2.编写个数 不能同时编写多个 能编写多个
3.简化写法 无 可以简写