zoukankan      html  css  js  c++  java
  • 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.简化写法         无               可以简写

                                  

  • 相关阅读:
    线段树----hdoj 1754 I here it
    树状数组----poj 2352 stars
    莫队算法
    枚举+深搜----poj 3279 Fliptile
    java 10 -09的作业
    java 09 06 thread-同步代码块-同步方法
    java09-05 join_daemon
    java09 02 Thread-yield 放弃
    java 07 jar
    java 08 作业
  • 原文地址:https://www.cnblogs.com/ranfang/p/3406337.html
Copyright © 2011-2022 走看看