如何使用jQuery

时间:2022-06-09

1. 下载

(1). 官网: jquery.com


(2). 版本:

a. 1.x: 兼容旧浏览器

b. 2.x: 不再兼容旧浏览器, 暂不支持es6

c. 3.x: 不再兼容旧浏览器,支持ES6


(3). 压缩 vs 未压缩:

a. 未压缩版: jquery-1.11.3.js

1). 有完备的注释、代码格式、见名知意的变量名。

2). 好处: 可读性好,适合于开发和学习之用

3). 缺点: 体积大,不便于快速下载使用,不适合于生产环境


b. 压缩版:jquery-1.11.3.min.js

1). 去掉了所有注释和代码格式,极简化了变量名。

2). 好处: 体积小,便于快速下载使用,适合于生产环境

3). 缺点: 可读性差,不适合于学习之用


2. 引入网页: 2种

(1). 使用项目本地的js文件: 先将jquery.js文件下载到项目本地的文件夹中,在网页中使用相对路径引入:

<script src="js/jquery-1.11.3.js">


(2). 使用CDN网络中共享的js文件:

a. CDN网络: 在全球范围多点共享资源,并能够根据用户所在的位置,自动选择离客户最近的服务器下载资源 的智能网络


image.png


b. 如何使用cdn网络中共享的jquery.js: 只要找到网址即可:

<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.3.js">


3. 我的第一个jquery程序

(1). 示例: 使用DOM记录按钮点击次数:

1_DOM.html


image.png


image.png



(2). 示例: 使用jQuery记录按钮点击次数

1_jQuery.html


image.png

image.png

Copyright © 2016 广州思洋文化传播有限公司,保留所有权利。 粤ICP备09033321号

与项目经理交流
扫描二维码
与项目经理交流
扫描二维码
与项目经理交流
ciya68