2020.09.09

jQuery

jQueryのCDN読み込み

コンテンツ・デリバリー・ネットワーク(CDN)は、アクセス元から一番近くのキャッシュサーバーへ接続してファイルが提供される仕組みです。jQueryのCDNはjQuery・Google・Microsoftが提供していて、そのいずれかを使用します。

なおCDNにはfull版と3系から登場したslim版がありますが、slim版はajax系とアニメーション系の関数がサポートされておらず機能が制限されるため注意が必要です。

jQueryのCDN
integrity属性の値は、参照ファイルが改ざんされていないかブラウザでチェックするための情報です。

サイトはこちら

<script
  src="https://code.jquery.com/jquery-3.4.1.min.js"
  integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
  crossorigin="anonymous"></script>

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>

関連記事

2020.09.10

jQuery

localStorageを利用してメインビジュアル切り替えデータを保持

デモページはこちら HTML5から導入されたWeb Storageの一種localStorageを利用して、メインビジュアルを切り替えた際のデータをブラウザに保…

2022.08.26

jQuery

jQueryで最初・最後の要素を取得(first・last)

jQueryのfirst・lastメソッドで最初・最後の要素を取得します。また、first・lastをセレクタとして使用します。以下のhtmlの構造で確認します…

2020.09.13

jQuery

jQueryのDeferredオブジェクトを利用した同期処理

デモページはこちら svgロードアニメーションをフェードアウトする処理を、jQueryのDeferredオブジェクトを利用して同期処理(非同期処理を待つ処理)で…

2020.09.20

jQuery

jQueryプラグイン drawer.jsでヘッダーを固定

デモページはこちら jQueryプラグイン、drawer.jsでヘッダーを固定してグローバルナビゲーションを追従させます。 まずhtmlですが、ハンバーガーメニ…

2020.09.23

jQuery

jQueryで要素を追加または移動(before・insertBefore・after・insertAfter・prepend・prependTo・append・appendTo)

デモページはこちら jQueryで要素を追加または移動するメソッドのまとめです。対象要素の直前に追加するbefore、insertBefore、対象要素の直後に…

上に戻る