記録

jqueryのイベント処理時に引数を受け渡す方法を知っとくと良いかもしれません。

jqueryのイベント処理時に引数を受け渡す方法を知っとくと良いかもしれません。記述は下記になります。ぐぐると出てくるので知っている人の方が多いかもしれませんが…。ちなみに自分はこの記述方法、ごくまれにしか使わないため、忘れてしまいます。event.dataに紐づけてくれるのはとても良いかなと自分は思っていますが、皆さんはいかがでしょうか?もうjqueryなんか使わないよという方もいると思うのですが、自分が思うにゴリゴリ書くよりか、jqueryで済ませれるところは使ったほうがコードは短くて済むと思っています。WEB業界は技術の移り変わりが早いですよね。逆にソフトのほうはWEBよりはスパンが長い気がします。

https://www.zip358.com/tool/demo9/

<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    <script src="common.js"></script>
    <title>Document</title>
</head>
<body>
    <p id="pen">お腹空いた(´;ω;`)お腹空いたと>φ(..)</p>
</body>
</html>
$(function(){
    $("#pen").click({sword:"The pen is mightier than the sword"},function(e){
        $(this).text(e.data.sword);
    });
    // $("#pen").on("click",{sword:"The pen is mightier than the sword"},function(e){
    //     $(this).text(e.data.sword);
    // });
});

関連記事

  1. 記録

    本に救われる。

    本に救われる。本は教養を身につけるばかりではなく、たまに本に救われ…

  2. 記録

    text形式に土日は変更。

    土日は基本テストスタイルに変更しようと思っています。なお、今まで土日…

  3. 記録

    高校生時代に、今の自分を想像できましたか?

    高校生時代に、今の自分を想像できましたか?正直な所、…

  4. 記録

    映画、しゃべれども しゃべれどもの感想とかを(´∀`)

    映画、しゃべれども しゃべれどもをレンタル屋さんかオンデマンドでレン…

  5. 記録

    今年最後のブログ…

    今年もユーザーさんに支えられブログを続けることが出来ました。過…

  6. 記録

    流れ:本当に景気が回復しているのか?

    本当にアベノミクスとやらで景気が回復しているの?その割には投資信託…

PAGE TOP