CODEWITHSUNDEEP
javascriptjquery
shaneburgess
shaneburgess

Reputation: 15892

What is more efficient: listeners or functions in jquery

I have been using Jquery alot lately an was wondering if I should use listeners or functions for my clicks.

Normally I do the following:

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


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

Upvotes: 2

Views: 121

Answers (3)

Pointy
Pointy

Reputation: 413856

Reasons that it's better to use the jQuery event mechanism and not the "intrusive" onfoo element attributes:

  • You can take advantage of the "live" mechanism. If your interest is efficiency, then this is something you definitely should be thinking about.
  • Disjoint pieces of code can bind handlers to the same elements for different reasons without even having to know about eachother. You don't have to update a single handler to deal with everything.
  • You keep your markup much cleaner, and save a lot of trouble when event handling needs to change. If you bind handlers based on (for example) element class ("button.showHelpText" for example) then radical changes to your "help text" code can be made without having to touch the HTML markup at all.
  • You avoid the unsightly mess of polluting the global Javascript namespace with all those global handler functions.
  • You have solid, dependable access to the "event" data, courtesy of the jQuery framework.

Overall, if you're going to use jQuery, dive in and really use it.

Upvotes: 2

mkoryak
mkoryak

Reputation: 57968

i think its more efficient to do what you did in your example.

Also, i wouldnt do that since it is not that much more efficient that it would matter, and it makes for ugly code. Also its better to separate your js from your html.

So please dont do what you did in your example unless you have a very good reason

Upvotes: 1

alex
alex

Reputation: 490453

Benefits of using listeners also allow you to separate your markup and JavaScript.

Upvotes: 2

Related Questions