お問合わせ開発ブログ株式会社Nextatのスタッフがお送りする技術コラムメインのブログ。.hide()、及びにjQueryによるCSSの指定に関する考察です。調べても詳しい情報がなかなかないので実際に手元の環境でどう書けば速くなるのか計測してみました。10比較対象と方法.css()には引数の指定方法が連想配列タイプと2つ引数を取るタイプで2種類あるため両方試してみました。'block');・show/hidejQueryのデフォのメソッドです$('#test').hide();$('#test').show();・addClass/removeClass.hideというCSSクラスによって表示非表示を切り替えます$('#test').addClass('hide');$('#test').removeClass('hide');それぞれforループで10000回回します。css(hash)Chrome30とOpera16は同じChromiumベースということで全く同じ傾向ですね。24もcssとそれ以外の差が縮まっているものの順番は変わりません。ほとんど変わらないため、普段の表示非表示を切り替えるには.show()と.hide()を使うのが一番楽かなと思います。.css()で直接指定するなら連想配列ではなく引数2つで書くのが若干高速です。.removeClass()を使いましょう。.removeClass()と.css()の差は徐々に広がります。デザインとロジックを分けて管理できるという利点もあるため、JavaScript上でcssの指定が複雑になってきたなと感じた場合はCSSのクラスとして括りだして.addClass()や.removeClass()、.toggleClass()メソッドを有効活用するのがよいと思われます。お問合わせプライバシーポリシ。