jQueryをダウンロードせずに使う方法をご紹介します。
ネットワーク越しに jQuery を使わせてもらうのです。このネットワークのことを jQuery CDN と言います。
jQuery CDN は本家 jQuery の他、Google、Microsoftで配信されています。今回は本家 jQuery の最新版の使用方法をご紹介します。
こちらのサイトの次の二つのリンクからコピペします。
サイト：https://code.jquery.com/
・ラベル「jQuery Core」 リンク「minified」
・ラベル「jQuery UI」リンク「minified」
そして、次のようにHTMLファイル中に記載します。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Sample_jQuery</title>
<script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js" integrity="sha256-VazP97ZCwtekAsvgPBSUwPFKdrwD3unUfSGVYrahUqU=" crossorigin="anonymous"></script>
<script>
$(function(){
$('#sample').on('click', function(){
alert("hello");
});
});
</script>
</head>
<body>
<button id="sample">Sample_jQuery</button>
</body>
</html>
ボタンをクリックしてみましょう。hello とポップアップされたら jQuery が使用できている証です。
-
みなさん「VBScript」って使用していますでしょうか。私はお手軽なのでたまに使用します。 今回の記事では 「VBScriptで複数行を一度にコメントアウト」する方法を記載します。しかしその前に、「VBScript」について多少の説明をしておきましょう。 ・「...
-
HTMLでWebページを作るのは簡単に出来るけどDBとの連携など処理側はどのように作るの？ と思っているかたは多いのではないでしょうか。私もそうです。久しぶりに仕事でWeb開発をしているのですが、この処理側との連携部分はかなり忘れていました。しかも調べてもあまりヒットしない。...
-
eclipse pleiades の解凍にちょっとしたノウハウが必要だったのでご紹介します。今回の環境は Windows10 で Pleiades All in One 4.6 を解凍しました。eclipse のバージョンとしては NEON が対応します。 ダウンロードと解...