把jQuery库当做外部样式表插入到HTML页面中即可,很轻松,根据jQuery文件托管的位置可分为两种方式:
比较方便的方式是直接使托管在第三方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官网直接下载源文件;如果官网打开较慢,也可以直接从这里下载(生产版本和开发版本)。
源文件一般包含两个版本:
插入方式如下(一般在head元素内插入):
<head> <script src="/static/jquery-3.3.1.min.js"></script> </head>
正常的教程会推荐尽量使用托管在第三方cdn的jQuery源文件,因为方便而且还能加速;但是专否并不完全同意这种方式,专否的一家之言是:在测试环境,为了方便可以如此操作;在不重要的项目为了方便,也可以这么操作;但对重要项目的生产环境,请把jQuery库放在自家服务器上,尤其在中国,更应如此。第三方库的稳定性再高,但也会因为公共的网络环境、链路拥堵、dns缓慢或局部劫持等,而存在加载失败的几率,cdn再牛,也无法避免失败的可能性,加上自身主站服务器也有此类风险,当双重风险叠加,则风险加剧;而所谓的cdn加速其实也没有那么多的必要性,jQuery源文件很小,放在主站服务器上也不会有啥影响的,因此cdn加速在jQuery源文件加载上的价值体现没有那么强;反而会因为风险叠加而放大风险,偶尔会因为加载失败,而出现很多看上去很神奇的bug。因此专否的一家之言是,在重要项目的生产环境中,把jQuery源文件直接放在网页服务器上就好啦~此乃一家之言,仅供参考。