目次:
- Javascriptファイルの読み込み
- 基本文法
- 変数の定義
- オブジェクト
- jQuery
Javascriptファイルの読み込み
Javascriptのファイルを別のJsファイルから読み込む場合は、HTMLファイルのbodyタグの中に以下を追記します。
html
<body>
<script src="ファイル名.js"></script>
</body>
html
<script src="読み込みたいJavascriptのパス"></script>
基本文法
JavaScriptでは行末にセミコロンをつけます.
console.log('プログラミング楽しい');
文字列は、シングルクォートかダブルクォートで囲みます。
'文字列'
"文字列"
文字列の連結
'たなか' + 'けんたろう'
変数の定義
var 変数名 = 値;
オブジェクト
オブジェクトとは、データのまとまりのことをいいます。オブジェクトは名前と値をセットにして管理します。
オブジェクトの定義
var obj = {プロパティ名: 値1,プロパティ名2: 値2};
プロパティの値を取得する
obj.プロパティ名
obj['プロパティ名']
プロパティの値を変更する
obj.プロパティ名 = 新しい値
obj['プロパティ名'] = 新しい値
関数
function 関数名(引数) {
// 処理の内容
}
jQuery
IDセレクタ
$("#idselector")
クラスセレクタ
$(".classSelector")
要素セレクタ
$("h1")