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.简化写法         无               可以简写

 

                              

posted @ 2013-11-04 14:02  十年尘梦  阅读(228)  评论(0编辑  收藏  举报