javascript, jqueryで学んだ事(自分用)

改めて整理

最初に感じたことは、初心者にとってjavascript、jqueryの見分けがつかない事。
ググっても二つが混同して記載されている事が多く混乱していた。

*二つの書き方の違い(意味的には同じ)

:javascript

// id名から要素取得
document.getElementById('test');

// class名から要素取得
document.getElementsByClassName('test');

// タグ名から要素取得
document.getElementsByTagName('div');

:jquery

// id名から要素取得
$("#sample")

// class名から要素取得
$(".sample")

// タグ名から要素取得
$("div")

＊注意点

・「getElement」と「getElements」を間違えないように
idから取得の場合単数系、classやtagで所得の場合複数系

・クラス名やタグで要素を取得した場合、要素が配列になっている事があるので注意
(例)
var tag = $(".hoge").tagName; ←これは駄目
var tag = $(".hoge")[0].tagName; ←これはおk

わかった事があれば随時追記していきます。