dreamweaver で jQuery を使うための準備

ダウンロードした３個のファイルを「js」と名前をつけたフォルダーにしまう。
この「js」フォルダーを、新規作成した「jquery」フォルダにしまう。

「jQuery」をルートフォルダにして、「新規サイト」を作る。

参照する　jQuery のファイルのアイコンをドラッグドロップすると、上の写真みたいにリンクが記述される。とても便利。（スニペットよりも…）
jQuaryはオブジェクト。＄（’’）はインスタンス。と思って…

$('.circle').on('click', function()
{
document.write('クリックされました')
});

こんな記述を眺めると、なんとなく、わかった気分。ほんとか？？？
$（）の中は、自分がつけた名前だから文字列でシングルクオーテーションで囲うのはわかるが、clickもシングルクオーテーションで囲うのですね。
jQuery ことはじめ

<!doctype html>
<html lang="ja">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>jQuery ことはじめ</title>
<script src="js/jquery-2.2.3.min.js"></script>
<style>
.circle{
width: 300px;
height: 300px;
border-radius: 50%;
background: #C3F;
cursor: pointer;//初見参。カーソルが「手」の形、ポインターになる。

}
p{
width: 300px;
text-align: center;
padding: 16px;
background: #3C6;
cursor: pointer;
}

</style>
</head>

<body>
<div class="circle"></div>
<p>ここには文章が入ります</p>
<script>
$('.circle').on('click', function()
{
document.write('クリックされました')
});

$('p').on('click', function()
{
document.write('クリックされました')
});

</script>
</body>
</html>

on.('click')にするのは、スマートホンのため。
スマートホンにはreleaseが効かない、ということ。
tap=clickなのか？
ID名は javascript で使う。class 名は CSSで使う。という約束にしてみる。
番外‥PCサイトでは円で表示、モバイルでは正方形で表示（面積の都合など）したり、円をCSSで記述したほうが取り回しがいい。そりゃそうだと納得。

webかたつむり

WEB制作会社のフォトグラファー

dreamweaver で jQuery を使うための準備