javascript - 将 javascript 事件绑定(bind)到 MVC 控件

Question

将 Javascript 事件绑定(bind)到我的自定义 MVC 控件的最佳方法是什么？我最初的想法是使用 Html Helpers 创建控件，这为它们提供了一个 CSS 类，表示它们是什么类型的控件。然后，在 document.ready 上，我将使用 jQuery 按类名称选择所有此类控件并绑定(bind)它们的事件。

但是，我担心通过类名从整个 dom 中进行选择的速度。我已经读到(并体验到)这有多慢，尤其是在我们需要针对该项目的 IE8 中。

我可以通过为每个页面创建一个 js 文件来按 ID 进行选择，但我不想这样做，因为它是一个包含大量页面的复杂 Web 应用程序。如果 View 至少包含一种类型的控件，我宁愿为 View 中包含的每种类型的控件创建一个 js 文件。

CSS 类是我的最佳选择吗？还有其他想法吗？我正在使用 MVC3。

Answer 1

我的建议是通过类(class)进行尝试并测试性能。如果您不满意，请切换到 ID。我一直使用类选择器，并且在任何浏览器中都没有发现它们非常慢。当您为 jquery 提供一个要搜索的上下文时，事情会变得非常快。例如:

$('#controls .control').whatever();

或者

$('.control', '#controls').whatever();

Sizzle 非常擅长快速优化这些东西。

编辑:这里是 jQuery 一般性能技巧的一个很好的引用(注意#5): http://net.tutsplus.com/tutorials/javascript-ajax/10-ways-to-instantly-increase-your-jquery-performance/