Usage of bind(…) and on(…) — attach an inline DOM event handler

Other How-To entries

Timing methods API

→ .bind(events ,data ,$)
→ .on(events ,selector ,data ,$)

How to attach an inline DOM event handler?

Compact syntax with timing methods:

1
$('.some').click($).doSome().jQueryStuff();

The jQuery token $ is used instead of a callback function to indicate the usage as inline event handler.

Compare this to the old way with more syntactic fluff:

1
2
3
$('.some').click(function(){
  $(this).doSome().jQueryStuff();
});

Similar patterns with inline attached events

How to
```
$('.some').on('click').doSome().jQueryStuff();
```
attach an inline event handler using .on() without any callback?
How to
```
$('.some').on('click',$).doSome().jQueryStuff();
```
attach an inline event handler using .on() with the jQuery token?