こんにちは、デザイナーの奥田です。 最近では「脱jQuery」や「Vanilla.js」という言葉が流行っていますがjQueryをはじめに覚えた僕としてはなかなかハードルが高いイメージでした。 jQueryを切り捨てるメリットとしては「ファイルサイズ」や「表示速度」があると思います。そこまで大きな差は感じないかもしれませんが少しでもクオリティを上げるためであれば切り替えてみてもいいかもしれません。 今回は脱jQueryする際によく使う書き方をjQueryとNativeを見比べながら解説していきたいと思います。 Table of contents要素の取得イベントの操作クラスの操作属性の操作スタイルの操作ループ処理Vanilla.jsのプラグイン最後に要素の取得IDはDocument内に1つというルールがあるので取得はgetElementByIdで取得するのが手っ取り早いでしょう。 ID//
![【脱jQuery】JavaScriptをネイティブで書くときのあれこれTips | Will Style Inc.|神戸にあるウェブ制作会社](https://cdn-ak-scissors.b.st-hatena.com/image/square/1f5259401fb6a9947bf5fea22641d81e159733d9/height=288;version=1;width=512/https%3A%2F%2Fwillstyle.co.jp%2Fw%2Fwp-content%2Fuploads%2F2017%2F06%2Fnative-2000x1000.jpg)