【Day 13】jQuery下载安装

何谓jQuery?
说明:是一套跨浏览器的JavaScript函式库,用於简化HTML与JavaScript之间的操作。

安装方式:
1.jquery官方网站下载
网址:https://jquery.com/
https://ithelp.ithome.com.tw/upload/images/20210912/20140399Sv1H5Fng11.jpg

uncompressed 为未压缩版本,其程序码较易於阅读。
compressed 为压缩版本,可直接选择Download the compressed, production jQuery 3.6.0
https://ithelp.ithome.com.tw/upload/images/20210912/20140399qAni7itlj7.jpg

设定档名jQuery 3.6.0.js程序码另外存至专案档内的js资料夹里
https://ithelp.ithome.com.tw/upload/images/20210912/20140399eLpxK8dRds.jpg

并在html档案内添增

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

2.从 CDN 中载入jQuery

何谓CDN?
说明 : CDN (Content delivery network) 是指一种透过网际网路互相连接的电脑网路系统,利用最靠近每位使用者的服务器,更快、更可靠地将音乐、图片、影片、应用程序及其他档案传送给使用者,来提供高效能、可扩展性及低成本的网路内容传递给使用者。

由於 JQuery 的应用已经相当普遍,很多网站都采用透过 CDN 来载入,而不是直接上传到网站本身的目录中,这样速度会快很多,但若遇jQuery CDN 当机挂掉或是被其他国家封锁失效,则会无法载入JQuery。

以下是以 google CDN 为例:
小技巧 : 第一行程序码是表示以 CDN 来载入,并新增第二行程序码来检查 window.jQuery 有没有存在,避免无法载入CDN JQuery时,就可以载入本地端的jQuery档案。

  <script src="js/jquery-3.6.0.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  <script>window.jQuery || document.write('<script src="js/jquery-3.6.0.js"><\/script>')</script>

<<:  讯息是怎麽进到网际网路的(三)?区网内的装置:AP, Switch, Router

>>:  [Day 12] 简单的单元测试实作(六)

第06天 - 一些些的 MySQL(上)

今天来看看 MySQL 该怎麽用 第1部分 - 进到 MySQL 画面 1.先打开 XAMPP 2....

爬虫怎麽爬 从零开始的爬虫自学 DAY24 python档案读写open( )

前言 各位早安,书接上回我们将程序码改得更方便阅读,还加上抓取连结的功能,今天我们要来介绍明天实作储...

Day3 风生水起,观元辰宫的火

在上一篇,除了水以外,这一篇就来讲火 五行中的火,除了"灶"以外,防火也是门学问...

PHP 检查是否符合程序码风格:CodeSniffer

前言 工作後才知道,有很多开源的工具能自动帮你检查 source code 是否写得符合各语言的程序...

Day 28 烂番茄影评网爬取

今天的影片内容为爬取一个非常有名的影评网—Rotten Tomatoes(烂番茄) 还会介绍网页图片...