jQuery框架技术课程.pdfVIP

jQuery框架技术

课程讲义

北京动力节点教育培训公司

制作人：郭鑫

jQuery

一、开篇基础

1、什么是jQuery？

JQuery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库，它兼容CSS3，还兼容各种浏览

器（IE6.0+,FF1.5+,Safari2.0+,Opera9.0+），jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使用户能

更方便地处理HTML（标准通用标记语言下的一个应用）、events、实现动画效果，并且方便地为网站提供AJAX交互。

jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选

择。jQuery能够使用户的html页面保持代码和html内容分离，也就是说，不用再在html里面插入一堆js来调用命

令了，只需要定义id即可。

jQuery是一个兼容多浏览器的javascript库，核心理念是writeless,domore(写得更少,做得更多)。jQuery在

2006年1月由美国人JohnResig在纽约的barcamp发布。

jQuery是免费、开源的，使用MIT许可协议。jQuery的语法设计可以使开发者更加便捷，例如操作文档对象、

选择DOM元素、制作动画效果、事件处理、使用Ajax以及其他功能。

百度百科《jQuery》

2、当前较流行的JavaScript库

MooTools、YUILibrary、DevExtreme、BookmarkletGenerator、Protorype、DojoToolkit等。

百度搜索《Web开发人员最喜爱的10款流行JavaScript库》

5、jQuery的库文件

jQuery的库文件可以直接从其官网下载：。

2

jQuery的不同版本中，2.xx不再支持IE6/7/8浏览器。现今浏览器纵生的年代，很多浏

览器的内核使用的仍为IE内核。所以为了浏览器的兼容，一般使用1.xx版本的jQuery。

对于每一个同一版本号的jQuery，其库又分为两个。一个是未压缩版，可查看源码，开

发时使用；一个是压缩版，将注释、空格均做了删除，将变量字符数减少，产品上线时使

用。

二、牛刀小试

举例：jqueryPrimary

3

1、调试环境

所有程序均在webStorm的project项目下完成。调试在html页面下完成。

在jquery-code目录下新建一个folder，将要测试的不同版本的jQuery库文件放入其中。

2、helloworld小程序

（1）使用jQuery，首先要将jQuery库引入。使用如下语句：

（2）本例是当DOM对象加载完毕后，马上显示一个提示框。

4

3、等效代码

$(document)与$()、jQuery()、window.jQuery()是等价的，所以以上jQuery代码等效于

如下代码：

5

三、选择器

举例：selector

1、基本选择器

（1）id选择器(#id)

jQuery的id选择器为$(“#id”)。

（2）类选择器(.类名)

jQuery的class选择器为$(“.类名”)。