December 9th, 2020
DOMの取得はCPUかGPUが頑張るので、出来るだけセレクタを取得するコードの重複は避けた方が良い。
JQueryではメソッドチェーンを使うと良い
❌
$('.box').css('color', 'blue')
$('.box').css('font-weight', 'bold')
$('.box').text('hogehoge~~')
⭕️
$('.box')
.css('color', 'blue')
.css('font-weight', 'bold')
.text('hogehoge~~')
もしくは var box = $('.box')
みたいに変数でキャッシュさせて使いまわすとかも良い。
DOM操作処理は重いのでJQueryに限らず、JavaScriptでDOM操作するときはコードを工夫しよう。