Edited at

超初心者が受けるJS社内勉強会:第4回


実践


<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/ )し、バージョンに合わせたものを使用する。

暗記モノ嫌い :frowning2: :sob:

超初心者が受けるJS社内勉強会:第5回6回