jQueryのbind/live/delegateの違いまとめ、と新API .on()の使い方 - y-kawazの日記

jQueryのイベント記述方法はいくつかあり、大雑把におさらいしたのが以下の3パターンです。 まず一番基本的なのが $("a").click(fn) や $("a").bind('click', fn) です。click(fn)はbind('click', fn)の省略形です。 次にjQuery1.3で $("a").live("click", fn) という機能が出来ました。liveの良いところはDOM操作で出たり消えたりするエレメントに対して再バインド無しでイベント定義ができる利便性と、内部的にはbind個所がdocumentの1か所になり複数個所へのbindが無くなることによるメモリ効率と実効速度の向上です。 更にjQuery1.4.2で $("#foo").delegate("a", "click", fn) という書き方が出来るようになりました。これは特定要素以下に限定するliv

[y-kawaz]

今までbind/unbind, live/die, delegate/undelegate という６つもあったのイベントAPI群がjQuery1.7b1でシンプルに on/off に統合されて素敵風味に！おさらいも兼ねてブログ書いた。

[daabtk]

“$(document).on(events, selector, fn)”

[saisa6153]

ここもわかりやすかった

[side_tana]

なるほど

[ecaze]

今更感まんさい

[watanata2000]

bind/unbind, live/die, delegate/undelegate → on/off に統一すべき？

[d_animal141]

jQueryのイベントAPIまとめと新API on/offの使い方

[tacamy]

jQueryのbind/live/delegate/onの使い方まとめ。とりあえずon使えばいいのかな？

[Hakuja]

on()の使い方がやっとわかった

[n2s]

bind, live, delegate→on

[test_tester]

たまに頭のなかでゴチャゴチャっとする。

[yuzroz]

clickイベント

[willnet]

1.7でbind,live,delegateがonに一本化された

[mallowlabs]

jQuery おくぶかい

[vvakame]

ぐらちゃんありがとう！

[kuwalab]

jQueryもちゃんとバージョンアップの際にどうかわったかを抑えていかないと、1.4以降まともに追っていなかったから取り戻すのが大変。

[apo-co]

bind,delegate,liveの違いとon/offによる代替

[hanabi_hibana]

on() の使い方解説わかりやすい

[hedachi]

ふむふむ。勉強になる

[sutara_lumpur]

"特定要素以下に限定するliveイベント定義のようなもので、範囲を限定することによるパフォーマンス向上効果があります"『on』も同じなんですね。

[hideki_a]

ちょっとした勘違いがあったので参考になった。

[akiyan]

新旧APIの比較。速度やDOM操作耐性の表がわかりやすい。

[aokcub]

bind,unbind,live,die,delegate,undelegateがon/offに集約

[uechoco]

bind, live, delegate

[site159]

で　これ　on offはいいんだけど　bind unbind live die　なくなったりしませんよね？

[hokaccha]

よさげ

[tmf16]

イベント記述の違いがまとめられてて助かる

[teppeis]

APIわかりやすくなった。

[ysk_lucky-star]

.on/offは面白いなあ

[teramako]

jQueryが分かった気になれた

[nenjiru]

イベントAPIがon/offにまとまった