今さらjQuery onメソッドでイベント駆動

公開日: : jQuery

jQueryのロゴ

概要

jQueryのオブジェクトにイベントを紐付ける。

 

    $('p').on('click',function(){
    alert('aaa');
    })

上の例は、pタグで囲まれた部分をクリックすると「aaa」と記載されたポップアップメッセージが出力される。
Google Chromeで表示されたポップアップメッセージ

複数のイベントを割り当てると、両方のイベントに反応する

    $('p').on('click dblclick',function(){
    alert('aaa');
    })

上記のようにすると、clickと、dblclick両方のイベントに反応する。

参考にしたサイト

qiita

本家

qiitajQuery on() イベントの種類

 

以上

Googleアドセンスレスポンシブ

関連記事

jQueryのロゴ

[今さらjQuery] .toggleClass()メソッドで指定したクラスを出したり消したり

概要 toggleClass(クラス名)メソッドは、「クラス名」が在れば無くし、無ければ付け足

記事を読む

jQueryのロゴ

[今さらjQuery] [id^=”prefix”] キャレットイコールで前方一致

概要 jQueryのセレクタで、指定した文字列から始まる属性名を指定する。 例

記事を読む

jQueryのロゴ

[今さらjQuery] $(function() ドルカッコファンクション

意味 このhtml(=DOM)をすべて読み込んだ後に実行する。(画像は除く) 書き方 &n

記事を読む

jQueryのロゴ

[今さらjQuery] .text()メソッドで指定した要素の文字列を結合取得

例 <p>a</p> <p>b</p> &

記事を読む

jQueryのロゴ

[今さらjQuery] .val()メソッドでvalueの値を取得

例 <input id="tb" type="text"> <script

記事を読む

jQueryのロゴ

[今さらjQuery] .removeClass() でClassを削除

概要 指定した要素から、引数に指定したクラスを削除する。 例 <p class="h

記事を読む

jQueryのロゴ

今さらjQuery 基本

文法 セレクタ.メソッド セレクタとは 操作する対象のDOM(Document Objec

記事を読む

jQueryのロゴ

[今さらjQuery] .html()でhtmlの内容を抽出する

例 <p>aaa</p> ↑HTML $('p')

記事を読む

jQueryのロゴ

[今さらjQuery] .stop()メソッドでアニメーションを停止する

引数 第1引数 キューに溜まってるアニメーションを削除するか。 *キューとは待合室のこ

記事を読む

jQueryのロゴ

[今さらjQuery] $thisはどこを参照しているか

結論 https://www.flatflag.nir87.com/this-1371 $(

記事を読む

Googleアドセンスレスポンシブ

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

Googleアドセンスレスポンシブ

Windows10で ipsec vpn 設定後に更に必要になる設定 [自分用メモ]

完全に自分用メモです。   VPNの設定 &nbs

webp コマンド で 画像変換やリサイズ

webpとは Googleが開発した画像形式。 非可逆圧縮で圧

tux logo
HDD完全消去方法いろいろ(有料、無料、Linuxコマンド)

仕事でNSA方式(ランダムx2 と 0埋め)のデータ消去が必要にな

tux logo
ubuntu の Live DVDでキーボードの配置をjis(日本語)にする

キーボードの配置をjis(日本語)にする場合 loadkeys

zip icon
zipコマンドでzipファイル作成 再帰的

やり方 zip -r zipファイル名.zip 圧縮対象のファイ

→もっと見る

PAGE TOP ↑