Javascript 使用html元素或jquery事件的onclick属性更好的方法是什么？

我总是使用jquery事件，如：

$(element).on('click', function() {
    DoSomething();
});

但另一种方法是存在的-将“onclick”属性添加到html元素：

<button onclick="DoSomething()"></button>

---

哪种方法更好，为什么更好？

最好使用jquery，因为您希望将布局、功能和，和样式设计，以便于可读性和编辑。

大多数人会指出第一种方式，这是因为分离了关注点。第一种方式看起来更易于维护，也更灵活。请参见：第一种方式的重复使维护代码更容易；建议使用它，因为它提供了良好的模块化。