みやのまるがゆく。

物忘れが激しい私のためのメモ

脱jQueryメモ

jQueryで書かれていたajaxとアニメーションをJavascriptに書き換える(戻す?)作業が発生したのでメモ。
jQuery畑で育ちすぎて検索の仕方もわからなかったよ。

検索について

検索するときは頭に「jquery」をつけろ!!!

.hasClass をjavascriptに書き換えたいときは
「脱jQuery .hasClass」と検索すると、わかりやすくまとめてくれてある
親切なサイトがたくさんひっかかります。
ほんっとーーーーに感謝!!!たすかった!

書き方メモ

jQuery       JavaScript

タグとかテキストとか

.html("○○")    .innerHTML = "○○"
.text("○○")     .textContent = "○○"
.val("○○")       .value = "○○"
.html()         .innerHTML
.text()       .textContent
.val()         .value

クラス制御

.addClass("aaa")    .classList.add("aaa")
.hasClass("aaa")       .classList.contains("aaa")
.removeClass("aaa")      .classList.remove("aaa")
.toggleClass("aaa")        .classList.toggle("aaa")

要素の取得

.find('#id')       .getElementById('id')
.find(’.class')      .getElementsByClassName('class')
.find('div')       .getElementsByTagName('div')
.find('div class')  .querySelector('div .class') ←最初のひとつ
.find('div class')  .querySelectorAll('div .class') ←全てを取得
.parent()     .parentNode
.children()     element.firstElementChild ←最初の子要素          element.lastElementChild ←最後の子要素
         element.children ←子要素リスト