JQuery简介

资源下载

 

参考书：《锋利的jQuery》

jQuery官网：      http://jquery.com

jQuery在线API：http://api.jquery.com

                           http://api.jquery.com/api/ (xml文件。)

jQuery UI：        http://jqueryui.com/

 

JavaScript框架库

1.什么是JavaScript框架库？ 

普通JavaScript的缺点：每种控件的操作方式不统一，不同浏览器下有区别，要编写跨浏览器的程序非常麻烦。因此出现了很多对JavaScript的封装库。

2.常见的JavaScript框架库介绍

Prototype【‘prəutə.taip 】、

YUI、

Dojo【’dodʒo ，豆粥】、

ExtJS、

jQuery

这些库对JavaScript进行了封装，简化了开发。这些库是对JavaScript的封装，内部都是用JavaScript实现的。

jQuery就是JavaScript语法写的一些函数类，内部仍然是调用JavaScript实现的，所以并不是代替JavaScript的。使用jQuery的代码、编写jQuery的扩展插件等仍然需要JavaScript的技术，jQuery本身就是一堆JavaScript函数。jQuery是最火的JavaScript库，jQuery的扩展插件也是非常多。

JQuery简介

1.什么是JQuery？ 

jQuery就是一个JavaScript函数库，没什么特别的。

jQuery能做什么？jQuery是做什么的？

jQuery本身就是一堆JavaScript函数，JavaScript是做什么的，jQuery也一样。毕竟jQuery只是用JavaScript编写的函数库而已，有些功能jQuery没有封装，则还需要通过自己写JavaScript来实现。

2.特点 

Write Less,Do More

1）很好的解决了不同浏览器的兼容问题（IE 6.0+, FF 2+, Safari 3.0+, Opera 9.0+, Chrome）css还是有问题的 

对于 控件具有统一的操作方式。

2）体积小（几十KB）、

3）使用简单方便（Write Less Do More）

4）链式编程$("#div1").draggble().show().hide().fly() 、

5）隐式迭代

6）插件丰富、开源、免费。插件多缺什么找什么。让编写JavaScript程序更简单、更强大！

 

初体验

 

1.用JQuery弹个窗

1）传统方式

onload=function(){

    alert('页面加载完了');

};

2）JQuery方式

$(document).ready(function(){

    alert('页面加载完了');

});

3）JQuery简写

$(function(){

     alert('页面加载完了');

});

4）说明

通过jQuery的方式实现。

$(document).ready(fn);

$(fn);  等价于$(document).ready(fn);

2.window.onload与$(document).ready(fn);的区别

1）

window.onload需要等待页面完全加载完毕才会触发，即所有Dom元素创建完毕、图片、Css等都加载完毕后才被触发。

$(document).ready()只要Dom元素加载完毕即触发。这样可以提高响应速度。

2）

$(document).ready();可以多次注册事件处理程序，并且最终都会执行，

而window.onload每次注册新的事件处理程序时都会将前面的覆盖掉。

 

jQuery中的顶级对象$

1.jQuery中最常用的对象即$对象，要想使用jQuery的方法必须通过$对象。只有将普通的Dom对象封装成jQuery对象，然后才能调用jQuery中的各种方法。

 

2.$是jQuery简写，在代码中可以使用jQuery代替$，但一般为了方便大家都直接使用$。