[jQuery一点一滴]jQuery简介

来源:互联网 发布:云帆搜索软件 编辑:程序博客网 时间:2024/05/16 19:31

     最近在项目中开发,常使用到jQuery来控制页面数据的显示,感觉在开发中,也是一些比较实用的东西,自己没事总结下,既可以备忘,也可以分享,希望各有所用!小坤、小浩来围观啊!

            Jquery是继prototype之后又一个优秀的Javascript框架。它是轻量级的js库(压缩后只有21k) ,它兼容CSS3,还兼容各种浏览器 (IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+)。jQuery使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。jQuery能够使用户的html页保持代码和html内容分离,也就是说,不用再在html里面插入一堆js来调用命令了,只需定义id即可。
       jQuery由美国人John Resig创建,至今已吸引了来自世界各地的众多javascript高手加入其team,包括来自德国的Jörn Zaefferer,罗马尼亚的Stefan Petre等等。jQuery是继prototype之后又一个优秀的Javascript框架。其宗旨是——WRITE LESS,DO MORE,写更少的代码,做更多的事情。
      jQuery 是一个 JavaScript 函数库。
  jQuery 库包含以下特性:
   - HTML 元素选取
   - HTML 元素操作
   - CSS 操作
   - HTML 事件函数
   - JavaScript 特效和动画
   - HTML DOM 遍历和修改
   - AJAX
   - Utilities

      要在你的项目中,添加jQuery支持,你需要在项目中添加对jQuery库的引用,你可以去下载相应的jQuery版本库或者使用一些CDN jQuery 核心文件的在线地址,加到你项目中:这两个是Google,MS的CDN,直接复制来的地址,1.4版本的
<script type="text/javascript" src="项目文件路径"></script>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js">
<script type="text/javascript" src="
http://ajax.microsoft.com/ajax/jquery/jquery-1.4.min.js">

     在使用中,所有 jQuery 函数位于一个 document ready 函数中:

    $(document).ready(function(){       --- jQuery functions go here ----    });

   这是为了防止文档在完全加载(就绪)之前运行 jQuery 代码,区别与js 中的window.load 方法;页面加载完成的两种事件,
    一是ready,表示文档结构已经加载完成(不包含图片等非文字媒体文件),do this stuff when the page is done loading
    二是onload,指示页面包含图片等文件, 在内的所有元素都加载完成。do this stuff when the HTML is all ready.

    简写版的可以为

   $().ready(function(){        //do something    })    $(function(){        // do something    }); 

     学习jQuery 要对Html、css、Javascript有基本的了解,如果要是掌握比较熟练,学习起来、理解起来,非常快!www.chenhuijuan.com

     推荐jQuery学习网站:
     http://jquery.com
     http://w3school.com  中文