実践
<script>
タグを書く場所
-
<HTML>
<Body>
タグの一番下</body>
の前
例
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<meta name="keywords" content="">
<meta name="description" content="">
<title></title>
</head>
<body>
<script type="text/javascript" src="js/jquery-3.1.0.min.js"></script>
<script type="text/javascript" src="js/randomBg.js"></script>
</body>
</html>
##決まり事
$(function(){
});
- DOMを全部読み込んでから処理するという意味。
{ });
内に処理を書く
var data
- functionの中でのみ、変数を使えるようにする。ローカル変数。
変数のスコープをファンクション内に設定する - varをつけないと グローバル変数 となり、function外でも使えてしまう。(上書きされる)
$(data.module).on('click', data.btn, function(){}
- 処理実行を軽減するため、限定的な書き方をする。チェックボックスとか。
alert('Hello, world!');
- (ブラウザの)ポップアップを出す
'use strict';
- エラーを発見しやすくなる。
決まり事の部分は、jQueryでもともと用意されているので、そちらを参照(公式→https://api.jquery.com/ )し、バージョンに合わせたものを使用する。
暗記モノ嫌い
[超初心者が受けるJS社内勉強会:第5回6回] (https://qiita.com/m_hamada/items/aeeeaa66fe8b10adba0d) →