API紹介とか、小さい感じでやっていきたい。「今さらDOMかよ」innerHTMLの代わりにinsertAdjacentHTML()を使ってみようか。querySelector()を使うとjQueryみたいにセレクターで要素を取得できるよ。el.matches()で要素が目的のものか確認できるよ。el.closest()で直近の要素を探せるかもね。クラス操作はclassListで楽々です。removeChilde()で要素を削除できるけど、面倒だよね。属性の操作はsetAttribute()とかremoveAttribute()とか、あとattributesで。要素以外にもノードはあるので、nodeType見て確認してね。textContentでjQueryみたいに文字列で取れるけど、ちょっと注意が必要ね。各種ノードの作り方と表示のさせ方をまとめておきました。ノードと要素は別物なので気を付けよう。NodeListとHTMLCollectionも別物なので気を付けよう。ツリーを歩き回るならTreeWalkerはどうかな。isEqualNode()で構成が同じか確認できるよ。compareDocumentPosition()で要素の位置を比較できるよ。data属性を扱うならdatasetで楽ちん。jQueryのon()をDOMでやるとaddEventListener()。イベントに関係する要素は教えてもらえるよ。イベント監視中にできる事ふたつ。イベント監視で教えてもらえる情報いろいろ。(共通系編)jQueryのtrigger()みたいに、イベントを作ったり発火させたりしてみよう。DOMでjQuery風ライブラリーを自作するための基本戦略です。DOMを使って、jQueryなしでいろいろやってみよう。