JavaScriptの実装に役立つリンク集 ref: https://qiita.com/ponsuke0531/items/bf4b67e3ba4ae0df1390

CDN

// jQuery(jQuery CDN)
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
// jQuery(Google Hosted Libraries)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

// jQuery-UI(jQuery CDN)
<script src="https://code.jquery.com/ui/1.10.4/jquery-ui.min.js"></script>

// bootstrap(MaxCDN)
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

// bootstrap-select(CDNJS)
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.4/css/bootstrap-select.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.4/js/bootstrap-select.min.js"></script>

file0.html

</link>は問題外
HTML5 : 「/>」は基本なしで「/>」があってもOK
HTML4以前 : 「/>」は基本なしで「/>」をつけるのは非推奨
XHTML : 「/>」が必須

file0.js

// 配列定義：new Array より [] のほうが望ましい。とSublimeLinterに言われた。
var arr = [];
var arr = [1, 2, 3];

// 要素数を数える：Javaと並走して実装していると()をつけたくなりますが不要です。
var count = arr.length;

file0.txt

    $.getJSON('ローカルのJSONファイル', function(data) {
        処理
    });

file1.html

</link>は問題外
HTML5 : 「/>」は基本なしで「/>」があってもOK
HTML4以前 : 「/>」は基本なしで「/>」をつけるのは非推奨
XHTML : 「/>」が必須

file1.js

// jQuery : name属性指定
let a = $('input:hidden[name="name属性"]').val();
let b = $("input:hidden[name='name属性']").val();
// jQuery : id属性指定
let c = $("#id属性").val();
let d = $('#id属性').val();

file1.txt

    $.getJSON('ローカルのJSONファイル', function(data) {
        処理
    });

file10.txt

XMLHttpRequestはローカルのJSONファイルを読み込めません。Cross origin要求は、http、data、chrome、chrome-extension、https、chrome-extension-resourceのプロトコルスキームでのみサポートされています。

file11.txt

[
    {"companyId":"a","companyName":"えー"},
    {"companyId":"b","companyName":"びー"},
]

file12.txt

[
    {"companyId":"a","companyName":"えー"},
    {"companyId":"b","companyName":"びー"},
]

file2.html

</link>は問題外
HTML5 : 「/>」は基本なしで「/>」があってもOK
HTML4以前 : 「/>」は基本なしで「/>」をつけるのは非推奨
XHTML : 「/>」が必須

file2.js

// 配列定義：new Array より [] のほうが望ましい。とSublimeLinterに言われた。
var arr = [];
var arr = [1, 2, 3];

// 要素数を数える：Javaと並走して実装していると()をつけたくなりますが不要です。
var count = arr.length;

file2.txt

    $.getJSON('ローカルのJSONファイル', function(data) {
        処理
    });

file3.html

</link>は問題外
HTML5 : 「/>」は基本なしで「/>」があってもOK
HTML4以前 : 「/>」は基本なしで「/>」をつけるのは非推奨
XHTML : 「/>」が必須

file3.js

// 配列定義：new Array より [] のほうが望ましい。とSublimeLinterに言われた。
var arr = [];
var arr = [1, 2, 3];

// 要素数を数える：Javaと並走して実装していると()をつけたくなりますが不要です。
var count = arr.length;

file3.txt

    $.getJSON('ローカルのJSONファイル', function(data) {
        処理
    });

file4.html

</link>は問題外
HTML5 : 「/>」は基本なしで「/>」があってもOK
HTML4以前 : 「/>」は基本なしで「/>」をつけるのは非推奨
XHTML : 「/>」が必須

file4.js

// jQuery : name属性指定
let a = $('input:hidden[name="name属性"]').val();
let b = $("input:hidden[name='dPreCode']").val();
// jQuery : id属性指定
let c = $("#dPreCode").val();
let d = $('#dPreCode').val();

file4.txt

    $.getJSON('ローカルのJSONファイル', function(data) {
        処理
    });

file5.html

</link>は問題外
HTML5 : 「/>」は基本なしで「/>」があってもOK
HTML4以前 : 「/>」は基本なしで「/>」をつけるのは非推奨
XHTML : 「/>」が必須

file5.js

// jQuery : name属性指定
let a = $('input:hidden[name="name属性"]').val();
let b = $("input:hidden[name='dPreCode']").val();
// jQuery : id属性指定
let c = $("#dPreCode").val();
let d = $('#dPreCode').val();

file5.txt

    $.getJSON('ローカルのJSONファイル', function(data) {
        処理
    });

file6.html

</link>は問題外
HTML5 : 「/>」は基本なしで「/>」があってもOK
HTML4以前 : 「/>」は基本なしで「/>」をつけるのは非推奨
XHTML : 「/>」が必須

file6.txt

    $.getJSON('ローカルのJSONファイル', function(data) {
        処理
    });

file7.html

</link>は問題外
HTML5 : 「/>」は基本なしで「/>」があってもOK
HTML4以前 : 「/>」は基本なしで「/>」をつけるのは非推奨
XHTML : 「/>」が必須

file7.js

let a = 何か;
if(a) {
    // [](配列), {}(オブジェクト), -1(数値)
} else {
    // "00"(文字：はまった・・・)
    // ""(文字), 0(数値), false(真偽), undefined, null
}

file7.txt

    $.getJSON('ローカルのJSONファイル', function(data) {
        処理
    });

file8.js

let a = 何か;
if(a) {
// [](配列), {}(オブジェクト), -1(数値)
} else {
// "00"(文字：はまった・・・)
// ""(文字), 0(数値), false(真偽), undefined, null
}

file8.txt

    $.getJSON('ローカルのJSONファイル', function(data) {
        処理
    });

file9.txt

XMLHttpRequest cannot load ローカルのJSONファイル. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.

javaSctipt

// 要素作成:普通
document.createElement('タグ')
// 要素作成:jQuery
$('<タグ>');

// 要素の値設定:普通
要素オブジェクト.setAttribute('value', 値);
// 要素の値設定:jQuery
要素オブジェクト.val(値);

// 要素のHTML文字設定:普通
要素オブジェクト.innerHTML = 'HTML文字';
// 要素のHTML文字設定:jQuery
要素オブジェクト.html('HTML文字');

// 要素に子要素を追加:普通
要素オブジェクト.appendChild(子要素オブジェクト);
// 要素に子要素を追加:jQuery
要素オブジェクト.append(子要素オブジェクト);

ぐるぐるまわしたい

jQuery.each(配列かオブジェクト, function(Integer インデックスかハッシュkey, Object それぞれの値とかオブジェクト) {
  やりたい処理;
  return ぐるぐる回す条件(falseになれば止まる);
});

インクリメントとデクリメント

// これ使えます。
let a = 1;
a++;
++a;
a--;
--a;

配列に値が含まれるか

if (配列.indexOf(確認するもの) != -1) {
// 含まれている場合の処理
}

配列定義

// new Array より [] のほうが望ましい。とSublimeLinterに言われた。
var arr = [];
var arr = [1, 2, 3];