JavaScript event attachment

Question

As a commentary to one of the questions here, the commentator wrote (my accent):

... Using the built-in onclick, you do something similar, but it's harder to maintain and subject to problems. The JavaScript community as a whole has been moving away from embedded JavaScript for some time now.

This applies to attaching events to HTML elements using

$("#someID").click(function(){
    do something here...;
});

but not

<a id="someID" onclick="someFunction();">

Is there really a transition from the old school way of declaring events inline, and if so, what are the advantages of one of the others?

EDIT I think it might be helpful to include a link to the original question . He asked about attaching a different click event to each tab. Is my answer shit and I have to apologize to FallenRayne =).

Answer 1

(html) / (javascript). javascript. , .

Answer 2

, , , - , , .

, :

• Cleaner/Less

:

<a onclick="someFunction();">
<a onclick="someFunction();">
<a onclick="someFunction();">
<a onclick="someFunction();">
<a onclick="someFunction();">

:

$("a").click(someFunction);

css .., . , , . , : $('a').unbind('click').click(...something new...);

. .js, , - . - = .

, , , jQuery, ?

$("li").hover(function() {
  $(this).children().slideToggle();
});

, , ( mouseenter/mouseleave, mouseover/mouseout... , .hover(), )

Answer 3

inline

, , JS-, jQuery, Prototype .., " ".

, ?

HTML JavaScript (, , ). , , , , - , , JS .

Answer 4

, , . , , javascript, , DRY.