本日のプログラミング学習
JavaScript Lesson5~7 2hour
jQuery Lesson8 0.5hour
Total 12.5hour
JavaScript
DOM (Document Object Model)
→HTMLの要素にアクセスして、情報を操作するための仕組み
DOMツリー
→要素を「ノード」として捉え、処理が実行される順番と、各ノードの関係性を示す。
＊JavaScriptはこのノードが作られないと実行されない。コンピューターはDOMツリーの上から順番に処理をするため。
オブジェクト
プロパティ オブジェクトの情報・属性＝そのオブジェクトがどういった情報を持っているのか →「変数」
メソッド オブジェクトの処理＝そのオブジェクトがどういった処理、行動をするのか →「関数」
どう記述するのか？
オブジェクトのプロパティを変更した場合 「オブジェクト名.プロパティ名 = 値;」
オブジェクトのメソッドを実行するには 「オブジェクト名.メソッド名.(引数値);」
例えばdocumentオブジェクトを操作するには
HTML５以前→getElementsBYTagNam(タグ名)
HTML５以降→querySelector（セレクター）
参考サイト
ドキュメントオブジェクトモデル (Document Object Model, DOM) は、ウェブ上の文書のコンテンツと構造からなるオブジェクトのデータ表現です。このガイドでは、簡単に DOM を紹介します。 DOM がどのようにメモリー[…]
jQuery
jQueryとは
JavaScriptのライブラリの一つで簡単なコードでJavaScriptを実行できるようになる。
書き方
$(function(){
$(‘セレクター’).メソッド(引数);
});
セレクター＝「何を」
メソッド＝「どうするか」
例）
$(function(){
$(‘p’).addClass(‘color’);
});
→「p」という要素を取得して、「color」という名前のクラス属性を追加せよ。
ここで使用するメソッド一覧
全て覚えるというのは難しいので、主要なメソッドを覚えつつあとは実装した時に参照する。
学習は全てこちらの学習は全てウェブカツ！！というプログラミングスクールで学んでいます。
大手スクール生徒や現役エンジニアが多数学び直している「実務レベル」に特化した「稼ぐ」ためのプログラミングスクール[…]