jQueryをCDNから読み込む

LastModified
Category jQuery

概要

jQueryの読み込み方法と使えるかどうかのテスト

読み込む

headタグ内かbodyタグの終わりにscriptタグを入れる


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

バージョンを指定する場合は「3.4.1」の部分を読み込みたいバージョンに変更する

2019/12/09時点では3.4.1が最新

存在するバージョンは以下
https://code.jquery.com/jquery/

jQuery1.12.4を読むこむ例


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

code.jquery.com 以外のCDN

Other CDNs に記載されている
https://jquery.com/download/

Google CDN


<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

Microsoft CDN


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

CDNJS CDN


<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

jsDelivr CDN


<script src="https://cdn.jsdelivr.net/npm/jquery@3.4.1/dist/jquery.min.js"></script>

読み込みテスト

「Load jQuery.」とアラートが出たら成功。


<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  alert("Load jQuery.");
});
</script>