javascript - data-custom="" を使用してイベントにバインドする

Question

これで叩かれること間違いなし。

イベントをバインドするために data-whatever 属性を使用するのが大好きです。

それは私にとって非常にきれいに感じられ、スタイリングのためだけにクラス属性を予約するのに役立ちます。

このセレクターが最も遅いことはわかっているので、多くの要素がある場合は使用しません。

これに対する説得力のある議論を聞きたいです。

$("body").delegate("[data-action]", "click", function(){
var action = $(this).attr("data-action");

//route action to appropriate function

});

Answer 1

$("body").delegate("[data-action]", "click", function(){
   ^^^^-------------------------- body is a too high node.
          ^^^^^^^^--------------- on should be used now instead of delegate.
                    ^^^^^^^^^^^^^ attribute selector is a slow selector.