肉渣教程

jQuery 开始

上一节 下一节

把jQuery库插入到网页中去

把jQuery库当做外部样式表插入到HTML页面中即可,很轻松,根据jQuery文件托管的位置可分为两种方式:

  • 直接插入托管在第三方服务器上的jQuery源文件,如某些CDN
  • 先下载jQuery库的源文件,然后自行插入(即放在网页端服务器)

使用jQuery CDN

比较方便的方式是直接使托管在第三方CDN上的jQuery库;不仅方便,而且CDN会对jQuery源文件进行网络加速。比如可以使用放在专否CDN上的jQuery库:


专否CDN:

<script src="https://cdn.zhuanfou.com/jquery-3.3.1.min.js"></script>

运行一下


微软CDN:

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

运行一下

下载jQuery源文件

可从jQuery官网直接下载源文件;如果官网打开较慢,也可以直接从这里下载(生产版本开发版本)。

源文件一般包含两个版本:

  • jquery-3.3.1.min.js 为生产版本,源文件已被压缩,适合放在生产环境中
  • jquery-3.3.1.js 为开发版本,源文件没有被压缩,如果有需求,可以对源码进行修改(一般不会修改jQuery源码)

插入方式如下(一般在head元素内插入):

<head>
<script src="/static/jquery-3.3.1.min.js"></script>
</head>

运行一下


正常的教程会推荐尽量使用托管在第三方cdn的jQuery源文件,因为方便而且还能加速;但是专否并不完全同意这种方式,专否的一家之言是:在测试环境,为了方便可以如此操作;在不重要的项目为了方便,也可以这么操作;但对重要项目的生产环境,请把jQuery库放在自家服务器上,尤其在中国,更应如此。第三方库的稳定性再高,但也会因为公共的网络环境、链路拥堵、dns缓慢或局部劫持等,而存在加载失败的几率,cdn再牛,也无法避免失败的可能性,加上自身主站服务器也有此类风险,当双重风险叠加,则风险加剧;而所谓的cdn加速其实也没有那么多的必要性,jQuery源文件很小,放在主站服务器上也不会有啥影响的,因此cdn加速在jQuery源文件加载上的价值体现没有那么强;反而会因为风险叠加而放大风险,偶尔会因为加载失败,而出现很多看上去很神奇的bug。因此专否的一家之言是,在重要项目的生产环境中,把jQuery源文件直接放在网页服务器上就好啦~此乃一家之言,仅供参考。


jQuery 开始

上一节 下一节