oop在javascript中将dom元素绑定到对象

Question

嗨，我真的可以用这个问题做正确方向的一点。

我正在尝试理解面向对象的javascript，但是我无法将dom元素绑定到对象上。

我想为我的网页制作一个小动画小部件类型的东西。小部件将只是简单的下拉选项卡，（如实际文件夹中的选项卡）我希望选项卡有一个鼠标悬停事件下拉，然后使用mouseout上升。

这是我目前的实现，它只是一个模拟，它不能很好地工作 http://bombinglish.com/

我想为选项卡创建一个类，其中包括打开和关闭动画方法，添加事件的方法以及其他必要的字段。然后为每个选项卡实例化一个新对象。但我怎么办我告诉每个对象它必须响应相应的鼠标事件，或者用另一种方式将DOM元素绑定到对象？

Answer 1

如果您仅使用Javascript进行演示逻辑，那么我认为尝试使用OO并不值得。

如果您在每个页面的顶部都有，那么您只需使用唯一的类名称标签。然后在您的Javascript文件中，将鼠标悬停事件绑定到具有该类名的每个DOM元素上。

或许，其他人对此持不同意见。