JavaScript ⇔ jQuery 早見表
忘れがちなやつをメモ。正確にはイコールではないが。少しずつ書き足していこう。
| 変換内容 | JavaScript | jQuery |
|---|---|---|
| ID指定 |
document.getElementById('foo') document.querySelector('#foo') |
$('#foo') |
| Class指定 |
document.getElementsByClassName('foo') document.querySelector('.foo') |
$('.foo') |
| タグ指定 | document.getElementsByTagName('tag') | $('tag') |
| イベント設定 | target.addEventListener('event', callback) | $(target).on('event', callback) |
| 属性設定 | target.setAttribute(name, value) | $(target).attr(name, value) |
| テキスト取得 | target.textContent | $(target).text() |
| テキスト設定 | target.textContent = string; | $(target).text(string) |