1
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

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

Posted at

##改めて整理

最初に感じたことは、初心者にとって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

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

1
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?