jquery - Ember.js 和 DOM 操作

Question

我进入 Ember 已有一周左右的时间，对 jQuery DOM 操作的约定有些困惑。所以我已经足够了解 Ember 就是维护状态，因此据我了解，使用 jQuery 直接操作 DOM 是一种不好的做法。

话虽这么说，我已经遇到过一些情况，我可以看到它在哪里有用，但并没有真正理解它的缺点。

举个例子，我目前正在构建一个登机“导游”系统，它将引导用户完成用户界面。这涉及到切换选项卡、在页面上移动指南窗口(位于其他 UI 元素旁边)等等。在一个部分中有一个目的地列表，我需要从列表中获取第一个元素以便定位它，然后将导游窗口放在它旁边。如果我只使用 jQuery，我可以轻松定位列表元素，然后获取第一个元素的 ID。使用 Ember，我需要在列表中创建一个操作，一个气泡该操作(看起来很困难)。

类似地，我可以轻松地使用 jQuery 单击事件来模拟在一行代码中单击/切换选项卡。对于 Ember，该过程涉及在该元素上创建切换操作并冒泡。

如果有人能解释为什么或为什么不这是一种不好的做法，那就太好了!

Answer 1

可能我没有很好地理解你的目标，但我想说，在 Ember 中不使用 jQuery 进行 DOM 操作并不是那么痛苦。您可以将动态类名设置为要设置样式的元素(请参阅 'Binding Element Attributes' section in Ember guide ，请注意，它对于版本 1.11.0+ 和更早的版本是不同的)。操作只会更改您用于绑定(bind)的属性。

关于使用 jQuery 的好坏做法:我还没有测试过 jQuery 如何影响 Ember 应用程序性能等，但有一个明显的事情。使用 jQuery 进行 DOM 操作会使您的应用程序对 HTML 模板更改过于敏感。