Movatterモバイル変換

[0]ホーム

サクサク読めて、
アプリ限定の機能も多数！

アプリで開く

はてなブックマーク

閉じる

テクノロジー
jQuery の on() と off() を理解する - tacamy--blog

気に入った記事をブックマーク

気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
記事を読んだ感想やメモを書き残せます
非公開でブックマークすることもできます

jQuery の on() と off() を理解する - tacamy--blog

テクノロジーカテゴリーの変更を依頼記事元:

tacamy.hatenablog.com

適切な情報に変更

エントリーの編集

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。

このページのオーナーなので以下のアクションを実行できます

タイトル、本文などの情報を
再取得することができます

コメントを非表示にできますコメント表示の設定

ブックマークしました

ここにツイート内容が記載されますhttps://b.hatena.ne.jp/URLはspanで囲んでください

Twitterで共有

次回からTwitterへ自動リダイレクト

ONにすると、次回以降このダイアログを飛ばしてTwitterに遷移します

540usersがブックマークコメント

コメントするにはログインが必要ですブックマークを追加

ブックマークを追加

よく使うタグ

jQuery の on() と off() を理解する - tacamy--blog

540 users

tacamy.hatenablog.com

よく使うタグ

はてなブックマークで
関心をシェアしよう

みんなの興味と感想が集まることで
新しい発見や、深堀りがもっと楽しく

ユーザー登録

アカウントをお持ちの方はログインページへ

記事へのコメント37件

注目コメント
新着コメント

pokotanu“イベントデリゲートで複数イベントを設定する”のところの説明が参考になった

2016/09/02リンク

その他

tadasy“イベントを設定する対象が document になります。で”

2016/05/17リンク

その他

takryou79好き

jQuery

2016/03/08リンク

その他

witchstyle (2013/03/03のエントリ)

2016/03/06リンク

その他

lightwillajaxとかで後から追加したボタンとかにクリックイベントをつけたいとき“$(document).on('click', '.foo', function(){...});”

2015/06/25リンク

その他

netvizinfoよくわからんかったから助かった！わかりやすい！

2015/05/28リンク

その他

naopontanevent, bind, delegate, live

jQuery

2014/11/22リンク

その他

kasumanijQuery の on() と off() を理解する初心者向けの本とかだと、イベントを jQuery オブジェクトの後に直接指定する、 $('.foo'). Tags: from Pocket October 26, 2014 at 02:43AM via IFTTT

2014/10/26リンク

その他

yaoki_dokidoki面白い

jQuery

2014/07/16リンク

その他

takets動的に追加したものを使うには、on()を使うのが正しいらしい。

jquery

2014/05/07リンク

その他

kuwalabonとoffとdelegate

jQuery

2014/03/26リンク

その他

akamejoshi助かった！

2014/03/06リンク

その他

gon9before書き方と、bind() live() delegate()からの移行

2014/02/28リンク

その他

saisa6153clickで追加した要素を更に操作するの、onでdelegateしてできた

2014/02/27リンク

その他

bouzuya理解した。

2014/01/24リンク

その他

torimoku　on→○ live、bind、delegate→× on()の使い方

2014/01/08リンク

その他

kobakejQuery click event on off trigger bind unbind

2013/12/28リンク

その他

opparajQuery の on() と off() を理解する - tacamy memo

2013/11/09リンク

その他

deglingosjquery1.9に上げたら、liveとかbindとか動かなくなった。onに集約されたらしい。onを使う時に気を付けたい指定方法。そもそも、liveって内部でどう動いてるか分かってないと、指定方法を間違えてハマる。

2013/10/31リンク

その他

Kshi_Kshijquery on/off 新要素に対してもイベントハンドラを有効にさせる

2013/06/14リンク

その他

megamak理解しないとｲｶﾝ

2013/05/23リンク

その他

naga_sawa jQuery のイベントハンドラ周りのお話

2013/03/14リンク

その他

tan70jQuery の .on() と .off()

2013/03/08リンク

その他

boyasan1.7-

jQuery

2013/03/05リンク

その他

peccu} jQuery の on() と off() を理解する - tacamy memo

2013/03/05リンク

その他

butasan2007ふむふむ。

2013/03/05リンク

その他

nauthiz 「jQuery の on() と off() を理解する」 / delegate()の機能知らなかった。毎回子要素にon()して回ってたけど、こっちのほうが簡単。

2013/03/04リンク

その他

araishijQuery1.9で.live()が無くなってました。ショックです。まさか1.7の時から.on()を推奨されていたとは・・。

jQuery

2013/03/04リンク

その他

SF7しっかり理解しておくこと

2013/03/04リンク

その他

t_furu"delegate() die() live()は廃止される"

2013/03/04リンク

その他

コメントするにはログインが必要ですログインしてコメント

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

プレビュー

はてなブックマークボタンを作成して埋め込むこともできます

規約違反を報告

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

usersに達しました！

さんが1番目にブックマークした記事「jQuery の on() と...」が注目されています。

気持ちをシェアしよう

ツイートする

jQuery の on() と off() を理解する - tacamy--blog

初心者向けの本とかだと、イベントを jQuery オブジェクトの後に直接指定する、 $('.foo').click(); の...初心者向けの本とかだと、イベントを jQuery オブジェクトの後に直接指定する、 $('.foo').click(); のような書き方で説明されている場合が多いけど、少し複雑なことをしようとするとそれだと困ることが出てきます。そんなときに便利なのが on() を使ったイベント設定です。 on() ひとつで bind() live() delegate() を表せる jQuery 1.7 で、bind() live() delegate() がすべて on() に統合されたそうです。つまり on() の書き方によって、3 パターンの使い方ができるということです。 .foo という要素をクリックしたら何かするという例で、イベントの設定と削除の方法をそれぞれ書いてみます。 bind() $('.foo').bind('click', function(){...}); は $('.foo')