跨平台移动APP设计及应用
上QQ阅读APP看书,第一时间看更新

3.1 jQuery概述

3.1.1 jQuery简介

1.认识jQuery

jQuery是一套JavaScript函数库,使用jQuery可以轻松访问网页元素、修改网页外观与内容、显示动画和响应用户的输入。使用jQuery,可以简化JavaScript编程,通常需要编写几十行甚至更多的JavaScript代码才能实现的功能,使用jQuery,只需要简单的几行甚至一行代码就可以搞定,极大地提高了Web开发和设计人员的工作效率。

2.jQuery的下载地址

jQuery的官方网站(http://jQuery.com)提供了jQuery最新版本的下载,如图3.1所示。

图3.1 jQuery官方网站下载最新版本

jQuery的官方网站提供了2个下载的版本:jquery-3.1.1.js(未压缩版)、jquery-3.1.1.min.js(压缩版),通常情况下,只要使用jquery-3.1.1.min.js(压缩版)就可以了。

3.如何使用jQuery

在JavaScript程序中使用jQuery有两种方式:一种是下载jQuery库的js文件到本地计算机上;另一种是使用CDN(Content Delivery Network,网络分发)。

(1)使用下载的jQuery的js文件

jQuery的使用非常简单,只需要在HTML文件中引用jQuery库的js文件即可。通常引用语句应该位于<head>部分,代码如下:

(2)使用CDN(网络分发)

CDN是一种网络加速技术,以Internet来说,将数据存储在全球多个不同位置的服务器,当访问数据时,就会从最近的服务器来获取数据,以加速数据的访问。jQuery的官网、Google及国内百度等网站的服务器都存有jQuery库,可以很方便地引用。

如需引用jQuery,可以使用以下代码之一:

● 引用jQuery官网的CDN:

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>

● 引用百度网站的CDN:

<script src="http://libs.baidu.com/jquery/2.1.1/jquery.min.js"></script>