什么更有效:jquery中的监听器或函数

时间:2010-02-28 06:18:57

标签: javascript jquery

我最近一直在使用Jquery,我想知道是否应该为我的点击使用听众或功能。

通常我会做以下事情:

<head>   
  <script type="text/javascipt">
    function buttonclicked() {
    alert("You Clicked it");
  }
  </script>
</head>


<button onclick="buttonclicked()">Click Me</button>

3 个答案:

答案 0 :(得分:2)

使用侦听器的好处还允许您将标记和JavaScript分开。

答案 1 :(得分:2)

使用jQuery事件机制而不是“侵入性”onfoo元素属性更好的原因:

  • 您可以利用“实时”机制。如果你的兴趣是效率,那么这是你绝对应该考虑的事情。
  • 不相交的代码片段可以出于不同的原因将处理程序绑定到相同的元素,甚至不必了解彼此。您不必更新单个处理程序来处理所有事情。
  • 您可以使标记更清晰,并且在事件处理需要更改时可以省去很多麻烦。如果您基于(例如)元素类(例如“button.showHelpText”)绑定处理程序,则可以对“帮助文本”代码进行根本性更改,而无需触摸HTML标记。
  • 您可以避免使用所有这些全局处理程序函数来污染全局Javascript命名空间。
  • 您可以通过jQuery框架获得对“事件”数据的可靠,可靠的访问权。

总的来说,如果您打算使用jQuery,潜入并真正使用它。

答案 2 :(得分:1)

我认为你在你的例子中做的更有效率。

此外,我不会这样做,因为它不是那么重要,它会影响丑陋的代码。最好将你的js与你的html分开。

所以除非你有充分的理由,否则请不要做你在你的例子中所做的事情