jquery使用方法

1.1 jquery简介

jquery由美国人John Resig创建。

是一个优秀的javaScript库（框架）。

JQuery的优点：

       轻量级的js库(压缩后几十kb左右)，兼容css3

       使用简单方便 – 宗旨：Write Less, Do More。写得少，做得多。

       链式编程 $("#div1").show().css("color":"red")

   

       屏蔽浏览器差异跨浏览器兼容性好（IE 6.0+, FF 2+, Safari 3.0+, Opera 9.0+, Chrome）

       插件丰富、开源、免费。  

1.2 Jquery 使用方法

官方网站：http://jquery.com/

两种包

 

 第一步：

   先引包文件到我们的页面中

 第二步：

   书写大的入口函数 

  $(function(){})

  $(document).ready(function(){  });

 第三步：

     事件处理  代码语句

 

Jquery 的事件三要素：

   1.事件源：

      $   美元      

   Div 的id 为 demo   

   获取这个元素  getElementById(‘demo’);

   Jquery  里面是这么写的  $(‘#demo’);

   获取 div 这类元素   getElementsByTagName(‘div’)

   Jquery   $(‘div’);

  2. 事件  

     Jquery 里面的所有事件 都不带 on  

    Click  mouseover  .......