jQuery入門

jQueryでWebページを見る直前に
アラート表示をする方法


▼HTMLソースに「<span class="alert1">jQueryでは、このよう⋯」と設定
 jQueryでは、このようにアラートを簡単に表示できます

divではなくspanを使う理由は「①divは意味なしタグなので多用されますが、spanも同じ
②divはタグの直前で改行してしまうで文中だと困り、spanとfontなどは改行しない
③divは数多く使い過ぎで検索しづらい ④fontはHTML5で非推奨らしい」からです。

IDではなくclassを使う理由は「①classもIDと似たような使用が出来る
②IDは検索する時に最も優先されるので多すぎると混乱する
③IDは修正するの困難らしいので1ページに1つ程度使用

このようにjQueryを使う(Webサイトを作る)のには、HTML知識を少し知る必要があります。

alert1.html 本ページのソースを抽出
<meta charset="utf-8">
<title>jQuery入門:jQueryでWebページを見る直前に アラート表示をする方法</title>

<!-- オフラインでも使える(推奨) -->
<script src="jquery-3.5.1.js"></script>

<!-- オフラインでも使える (軽量版)-->
<!-- <script src="jquery-3.5.1.min.js"> -->

<!-- オフラインだと使えない(非推奨) -->
<!--
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> -->

</head>
<body bgcolor="#ffffff">
 <script>
   alert($("span.alert1").text());
 </script>>

<span class="alert1"> jQueryでは、このようにアラートを簡単に表示できます</span>

 JavaScriptの多くは多くの外国語が表示できるユニバーサルコードなので、metaではShift_JISなどではなくuft-8にしておきましょう。

 <!--とはコメントアウトというコメント化し、HTMLと認識させない方法です。これをする意味はページ作成をする時に分かりやすい説明になります。

 JavaScriptのプログラミング部分(ライブラリ)はHTML書類の中に入れる事が出来ますが、そうすると①検索エンジンで検索上位に上がらなかったり、 ②文章が長くなりすぎて作成するのが面倒になるので、外部書類化という「script src="jquery-3.5.1.js"」というようにHTML書類の外の JavaScript書類を読み込んだ方が整理された状態になります。








著者:城神YU(しろかみゆ)
1997年頃にプログラミング経験がなかったのに紹介派遣で
ノートPCメーカーで安月給でJavaScriptも修正させられた人


このページの最初

このページの目次


jQueryは場合によっては、
他のJavaScriptと同じページで併用すると、
動作が変になる可能性があります。


SiroKami AI Defense System Cram-School © 46kami YU, All Rights Reserved.