jQueryで書かれていたajaxとアニメーションをJavascriptに書き換える(戻す?)作業が発生したのでメモ。
jQuery畑で育ちすぎて検索の仕方もわからなかったよ。
検索について
検索するときは頭に「脱jquery」をつけろ!!!
.hasClass をjavascriptに書き換えたいときは
「脱jQuery .hasClass」と検索すると、わかりやすくまとめてくれてある
親切なサイトがたくさんひっかかります。
ほんっとーーーーに感謝!!!たすかった!
書き方メモ
タグとかテキストとか
.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 ←子要素リスト